跳到主要內容
工具產品cloud-in-a-bottle

Cloud in a Bottle

Cloud in a Bottle(cloud-in-a-bottle) 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Cloud in a Bottle Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Cloud in a Bottle (cloud-in-a-bottle)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#EBEBEBrgb(235, 235, 235) · hsl(0, 0%, 92%)
WCAG 亮暗底對比度與向量體積
白底 1.2:1 · 暗底 16.6:1 · 3.7 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" shape-rendering="crispEdges" viewBox="0 0 512 512"><path d="M177.2 275.7h19.7v19.7h-19.7zM157.5 256h-19.7v19.7h-19.7v19.7h39.4v-19.7h19.7V256zm137.9 19.7H256V256h-39.4v19.7h19.7v19.7h78.8V256h-19.7zm59.1-59.1h-19.7v-19.7h-39.4v19.7H256V256h39.4v-19.7h19.7V256h39.4zm19.7 39.4h-19.7v19.7h39.4V256zm-39.4 39.4h19.7v-19.7h-19.7zm59-19.7v19.7h19.7v-19.7z" style="fill:#ebebeb"/><path d="M177.2 236.3V256h-39.4v19.7h-19.7v19.7H98.5v19.7H78.8v-19.7H59.1v-19.7h39.4V256h19.7v-19.7zm137.9 0h-19.7V256h19.7zm-39.4 39.4h19.7V256H256v19.7zm39.4-98.5h-39.4v19.7h-39.4v19.7h-19.7v19.7h-19.7V256h-19.7v19.7h39.4V256H256v-39.4h39.4v-19.7h39.4v-19.7zm19.7 19.7v19.7h19.7v-19.7zm39.4 19.7h-19.7V256h39.4v-19.7h-19.7zm98.4-39.4v19.7h19.7v-19.7zm-19.7 39.4v19.7h19.7v-39.4h-19.7zm-295.4-78.8v-19.7h-39.4v19.7zm157.6 0h19.7v-19.7h-59.1v19.7zm59.1 0h-19.7v19.7h19.7zM78.8 157.5h19.7v-39.4H59.1v19.7h19.7zm-19.7 19.7h19.7v-19.7H59.1v-19.7H39.4v59.1h19.7zm0 59.1H39.4V256h19.7zm354.4 59.1h19.7v-19.7h-19.7zM19.7 315.1h19.7v-19.7H19.7z" style="fill:#fff"/><path d="M374.2 275.7v19.7h-19.7v-19.7zm-236.4 39.4h19.7v-19.7h-19.7zm98.5-19.7v-19.7h-39.4v19.7h19.7v19.7h59.1v-19.7zm59.1 0v19.7h39.4v-19.7z" style="fill:#98adc2"/><path d="M334.8 256h19.7v19.7h-19.7v19.7h-19.7V256zm-177.3 39.4h19.7v-19.7h-19.7zm216.7-19.7v19.7h19.7v-19.7zM98.5 295.4v19.7h39.4v-19.7zm256 19.7v-19.7h-19.7v19.7z" style="fill:#cad2e3"/><path d="M98.5 118.2h19.7v19.7H98.5zm-19.7 19.6H59.1v19.7h19.7zm-19.7 59.1H39.4v19.7h19.7zm118.1 0v19.7h39.4v-59.1H256v-19.7h-59.1v19.7h-39.4v19.7h-19.7v19.7zm177.3 19.7h39.4v-19.7h-19.7v-19.7h-39.4v19.7h19.7zM59.1 256h19.7v-19.7H59.1zm334.7-19.7v39.4h19.7v-39.4zm0 78.8h19.7v-19.7h-19.7zm-334.7 0H39.4v19.7h19.7v19.7h39.4v-39.4zm295.4 0h-59.1v39.4h39.4v-19.7h59.1v-19.7zM256 354.5h19.7v-19.7H256zm-39.4 0v-19.7h-39.4v19.7h-39.4v19.7H256v-19.7z" style="fill:#206ce3"/><path d="M374.2 157.5v19.7h-98.5v19.7h-39.4v19.7h-19.7v-59.1H256v-19.7h-59.1v19.7h-39.4v19.7h-19.7v19.7h39.4v19.7h39.4v19.7h-19.7V256h-19.7v-19.7h-59.1V256H98.5v19.7H59.1v19.7h19.7v19.7H39.4V256h39.4v-19.7H39.4v-19.7h19.7v-39.4h19.7v-19.7h19.7v-19.7h59.1v-19.7h118.1v19.7h78.8v19.7zm0 19.7v19.7h19.7v-19.7zm19.6 19.7v19.7h-19.7v19.7h39.4v-39.4zm-39.3 98.5v19.7h39.4v-19.7zm-19.7 59.1h19.7v-19.7h-19.7zm-39.4 0v-59.1h-19.7v19.7h-59.1v-19.7h-59.1v19.7h-59v39.4H59.1v-19.7H39.4v39.4h98.5v-19.7h39.4v-19.7h39.4v19.7H256v-19.7h19.7v19.7H256v19.7h78.8v-19.7z" style="fill:#2a79f0"/><path d="M275.7 393.8h19.7v19.7H256v-19.7H59.1v-19.7h216.6zm137.8-157.5v39.4h19.7v-39.4zm0 78.8h19.7v-19.7h-19.7zm-19.7 19.7h19.7v-19.7h-19.7zm-39.3 19.7h19.7v-19.7h-19.7zm-19.7 19.7h19.7v-19.7h-19.7zm-39.4 0v19.7h39.4v-19.7z" style="fill:#165cca"/><path d="M472.6 177.2v19.7h-19.7v-19.7zm0 19.7v39.4h-19.7v98.5h39.4V196.9zm-118.1-59.1v-19.7h-19.7v19.7zm19.7 19.7v19.7h19.7v-19.7zm19.6 19.7v19.7h19.7v-19.7zm19.7 39.4v19.7h19.7v-39.4h-19.7zm-39.3 137.9h19.7v-19.7h-19.7zm-19.7 19.7h19.7v-19.7h-19.7zm-59.1-256h39.4V98.5H59.1v19.7zm-256 19.6h19.7v-19.7H39.4zm-19.7 19.7v137.9h19.7V137.8H19.7zm19.7 177.3v-19.7H19.7v59.1h19.7zm0 39.4v19.7h19.7v-19.7zm236.3 0v19.7h19.7v-19.7zm59.1 19.6h19.7v-19.7h-19.7zm-118.2 0H59.1v19.7H256v-19.7zm78.8 0v19.7h39.4v-19.7z" style="fill:#a0d9ff"/><path d="M393.8 334.8h19.7v19.7h-19.7zm-19.6 39.4h19.7v-19.7h-19.7zM98.5 98.5h236.3V78.8H59.1v19.7zm-39.4 0H39.4v19.7h19.7zm295.4 19.7V98.5h-19.7v19.7zm-315.1 0H19.7v19.7h19.7zm334.8 19.6v-19.7h-19.7v19.7zm19.6 19.7v-19.7h-19.7v19.7zm19.7 19.7v-19.7h-19.7v19.7zm78.8 0v157.6H512V177.2zm0 0v-19.7h-39.4v19.7zm-39.4 118.2V177.2h-39.4v19.7h19.7v118.2h-19.7v19.7h39.4zm0 39.4v19.7h39.4v-19.7zm-433.2 0v-197H0v236.4h19.7zm0 39.4v19.7h19.7v-19.7zm334.8 19.6h19.7v-19.7h-19.7zm-315.1 0v19.7h19.7v-19.7zm295.4 19.7h19.7v-19.7h-19.7zm-39.4 0H59.1v19.7h275.7v-19.7z"/></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 512 512")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成