跳到主要內容
工具產品azure-images

Images

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

Images Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Images (azure-images)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#F25022rgb(242, 80, 34) · hsl(13, 89%, 54%)
WCAG 亮暗底對比度與向量體積
白底 3.5:1 · 暗底 5.6:1 · 1.9 KB

向量程式碼片段

<svg id="a9383d60-b33f-4c78-8dbe-8ab68ace6065" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="a7cb4d9d-9f89-4e53-8eda-938427310066" x1="8.8" y1="12.87" x2="8.8" y2="0.87" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.82" stop-color="#5ea0ef" /></linearGradient><linearGradient id="eab4c6b4-621d-4d9b-b611-15ceb58765b1" x1="8.81" y1="17.5" x2="8.81" y2="12.87" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1490df" /><stop offset="0.98" stop-color="#1f56a3" /></linearGradient></defs><title>Icon-compute-33</title><rect x="-0.2" y="0.87" width="18" height="12" rx="0.6" fill="url(#a7cb4d9d-9f89-4e53-8eda-938427310066)" /><polygon points="11.8 5.12 11.8 8.61 8.8 10.37 8.8 6.87 11.8 5.12" fill="#50e6ff" /><polygon points="11.8 5.12 8.81 6.88 5.8 5.12 8.81 3.37 11.8 5.12" fill="#c3f1ff" /><polygon points="8.8 6.88 8.8 10.37 5.8 8.61 5.8 5.12 8.8 6.88" fill="#9cebff" /><polygon points="5.8 8.61 8.8 6.87 8.8 10.37 5.8 8.61" fill="#c3f1ff" /><polygon points="11.8 8.61 8.8 6.87 8.8 10.37 11.8 8.61" fill="#9cebff" /><path d="M12.41,16.5c-1.78-.28-1.85-1.56-1.84-3.63H7C7,14.94,7,16.22,5.19,16.5a1,1,0,0,0-.88,1h9A1.06,1.06,0,0,0,12.41,16.5Z" fill="url(#eab4c6b4-621d-4d9b-b611-15ceb58765b1)" /><path d="M4.68,2.07H1.93a.66.66,0,0,0-.66.66V5.49a.33.33,0,0,0,.33.33h.22a.33.33,0,0,0,.33-.33V2.94H4.68A.33.33,0,0,0,5,2.61V2.4A.33.33,0,0,0,4.68,2.07Z" fill="#fff" /><path d="M4.68,10.73H2.14V8.2a.33.33,0,0,0-.33-.33H1.6a.33.33,0,0,0-.33.33V11a.66.66,0,0,0,.66.67H4.68A.34.34,0,0,0,5,11.28v-.22A.33.33,0,0,0,4.68,10.73Z" fill="#fff" /><path d="M15.71,2.1H13a.33.33,0,0,0-.33.33v.21A.33.33,0,0,0,13,3h2.53V5.51a.33.33,0,0,0,.33.33h.23a.33.33,0,0,0,.33-.33V2.76A.66.66,0,0,0,15.71,2.1Z" fill="#fff" /><path d="M16.05,7.89h-.21a.33.33,0,0,0-.33.33v2.54H13a.33.33,0,0,0-.33.33v.22a.33.33,0,0,0,.33.33h2.75a.67.67,0,0,0,.67-.66V8.22A.33.33,0,0,0,16.05,7.89Z" fill="#fff" /></svg>

設計應用建議

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