跳到主要內容
工具產品博雲博雲科技BoCloud博雲

BoCloud

BoCloud(博雲) 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

BoCloud Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 64 64
原始碼體積
4.9 KB · 12 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝BoCloud.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
BoCloud (博雲)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#D8EFFCrgb(216, 239, 252) · hsl(202, 86%, 92%)
WCAG 亮暗底對比度與向量體積
白底 1.2:1 · 暗底 16.7:1 · 4.9 KB

向量程式碼片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><linearGradient y2="27.284" x2="41.004" y1="30.274" x1="25.609" id="A" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="27.314" x2="41.01" y1="30.304" x1="25.615" id="B" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="9.892" x2="39.367" y1="29.868" x1="25.625" id="C" xlink:href="#P"><stop stop-color="#7a7eb7" offset="0"/><stop stop-color="#9fd3f0" offset=".926"/><stop stop-color="#9fd3f0" offset="1"/></linearGradient><linearGradient y2="24.759" x2="40.514" y1="27.749" x1="25.119" id="D" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="11.212" x2="41.284" y1="31.188" x1="27.543" id="E" xlink:href="#P"><stop stop-color="#7a7eb7" offset="0"/><stop stop-color="#9fd3f0" offset=".926"/><stop stop-color="#9fd3f0" offset="1"/></linearGradient><linearGradient y2="14.566" x2="11.643" y1="30.088" x1="25.639" id="F" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="48.121" x2="42.211" y1="30.308" x1="25.925" id="G" xlink:href="#P"><stop stop-color="#6765ae" offset="0"/><stop stop-color="#a1d7f5" offset=".865"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><linearGradient y2="48.039" x2="42.3" y1="30.226" x1="26.015" id="H" xlink:href="#P"><stop stop-color="#6765ae" offset="0"/><stop stop-color="#a1d7f5" offset=".865"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><linearGradient y2="27.33" x2="41.013" y1="30.32" x1="25.618" id="I" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="46.25" x2="15.197" y1="30.027" x1="25.757" id="J" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="34.553" x2="5.383" y1="30.482" x1="25.486" id="K" xlink:href="#P"><stop stop-color="#7c7ab8" offset="0"/><stop stop-color="#a1d7f5" offset=".998"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><linearGradient y2="44.898" x2="13.121" y1="28.676" x1="23.681" id="L" xlink:href="#P"><stop stop-color="#abbcd5" offset="0"/><stop stop-color="#d8effc" offset=".637"/><stop stop-color="#d8effc" offset="1"/></linearGradient><linearGradient y2="37.911" x2="6.063" y1="33.84" x1="26.166" id="M" xlink:href="#P"><stop stop-color="#7c7ab8" offset="0"/><stop stop-color="#a1d7f5" offset=".998"/><stop stop-color="#a1d7f5" offset="1"/></linearGradient><path id="N" d="M33.096 24.125l-.013.006-.026.026-7.08 5.92 9.492-7.03a5.16 5.16 0 0 0-2.373 1.077z"/><path id="O" d="M14.683 38.26l-.032.026c-.4.32-.776.705-1.07 1.142.936-.205 1.796-.6 2.54-1.16a6.15 6.15 0 0 0 .584-.487l9.17-7.632-10.903 7.908c-.103.064-.192.135-.3.205z"/><linearGradient id="P" gradientUnits="userSpaceOnUse"/></defs><g transform="matrix(1.564334 0 0 1.564334 -6.936501 -13.72096)"><path d="M25.894 30.147l.032.02 8.87 2.8c.006 0 .013.006.02.006l.013.006a5.02 5.02 0 0 0 1.494.224c2.828 0 5.118-2.3 5.118-5.118a5.11 5.11 0 0 0-5.118-5.112 5.36 5.36 0 0 0-.859.071l-9.492 7.03z" fill="url(#A)"/><path d="M25.887 30.154h.006z" fill="url(#B)"/><path d="M33.058 24.164c.006-.006.02-.013.026-.026l.013-.006a5.13 5.13 0 0 1 2.367-1.077l4.08-3.027a6.22 6.22 0 0 0 2.533-5.022 6.24 6.24 0 0 0-6.234-6.234c-2.944 0-5.407 2.04-6.067 4.778l-.006.026c0 .013-.006.026-.006.038l-3.88 16.534.083-.064z" fill="url(#C)"/><use xlink:href="#N" fill="url(#D)"/><use xlink:href="#N" fill="url(#E)"/><path d="M19.9 16.493a5.26 5.26 0 0 0-4.919-3.412c-2.9 0-5.253 2.354-5.253 5.253 0 1.97 1.084 3.68 2.687 4.58l.038.02.07.038 13.36 7.17z" fill="url(#F)"/><path d="M25.887 30.147l.006.006v-.006z" fill="url(#G)"/><path d="M40.895 38.2l-15-8.055 7.1 16.136a6 6 0 0 0 5.407 3.393 6.01 6.01 0 0 0 6.009-6.009 5.99 5.99 0 0 0-3.515-5.464z" fill="url(#H)"/><path d="M25.894 30.147v.006l.032.013z" fill="url(#I)"/><path d="M25.894 30.147v.006l.032.013z" fill="url(#G)"/><path d="M16.132 38.26a6.59 6.59 0 0 1-2.546 1.16 5.07 5.07 0 0 0-.891 2.88 5.12 5.12 0 0 0 5.112 5.112c2.328 0 4.284-1.552 4.906-3.675l.006-.026.115-.487 3.053-13.077-9.755 8.113z" fill="url(#J)"/><path d="M14.054 26.363l-.013-.006c-.6-.18-1.257-.276-1.918-.276-3.726 0-6.753 3.02-6.753 6.753 0 3.726 3.02 6.753 6.753 6.753.507 0 .994-.058 1.47-.16.295-.43.66-.82 1.07-1.142l.032-.026.282-.205L25.9 30.147l-11.846-3.784z" fill="url(#K)"/><use xlink:href="#O" fill="url(#L)"/><use xlink:href="#O" fill="url(#M)"/></g></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 64 64")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成