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

Blueprints

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

Blueprints 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.7 KB · 4 個路徑節點

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Blueprints (azure-blueprints)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#7FBA00rgb(127, 186, 0) · hsl(79, 100%, 36%)
WCAG 亮暗底對比度與向量體積
白底 2.4:1 · 暗底 8.4:1 · 1.7 KB

向量程式碼片段

<svg id="ff30cf1f-fbde-4896-9279-4e5bbc6f104f" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="f5a0c05e-637e-4adf-b38d-bb1a0e612a3a" x1="6050.2" y1="-3638.83" x2="6038.28" y2="-3638.83" gradientTransform="translate(-3629.83 -6034.61) rotate(90)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#198ab3" /><stop offset="0" stop-color="#198ab3" /><stop offset="0.11" stop-color="#22a5cb" /><stop offset="0.23" stop-color="#29bade" /><stop offset="0.37" stop-color="#2ec9eb" /><stop offset="0.53" stop-color="#31d1f3" /><stop offset="0.78" stop-color="#32d4f5" /></linearGradient></defs><title>Icon-manage-304</title><path d="M15.16,13.51a2.08,2.08,0,0,1,2.28,2.24v0A1.89,1.89,0,0,1,14.38,17a.67.67,0,0,1-.26-.54V13.5Z" fill="#198ab3" /><path d="M17.49,13.5v-9A2.29,2.29,0,0,0,15.2,2.23H.51a0,0,0,0,0,0,0v9a2.29,2.29,0,0,0,2.29,2.29l2.43,0h7.49a25.76,25.76,0,0,1,3,0c2,.32,1.64,2.47,1.64,2.47A11.13,11.13,0,0,0,17.49,13.5Z" fill="url(#f5a0c05e-637e-4adf-b38d-bb1a0e612a3a)" /><path d="M.5,11.42l0-.07a1.84,1.84,0,0,1,3.24-.9.23.23,0,0,0,.4-.15l0-7.82a1.36,1.36,0,0,0,0-.29v0h0a1.85,1.85,0,0,0-3.64,0h0v0a.92.92,0,0,0,0,.29Z" fill="#198ab3" /><path d="M12.34,8.48a.28.28,0,0,0-.28-.28h-1c-.06-.14-.11-.29-.17-.43-.22-.57-.46-1.14-.69-1.7l-.08-.19a1.38,1.38,0,1,0-.7,0l-.09.2c-.25.56-.49,1.13-.73,1.7l-.18.44h-1a.28.28,0,0,0-.28.28.27.27,0,0,0,.28.28h.8c-.1.24-.19.48-.28.72-.22.58-.43,1.16-.63,1.75v0a.23.23,0,0,0,.42.19v0c.31-.54.6-1.09.88-1.63.18-.34.35-.68.52-1h1.26l.48,1c.28.55.56,1.1.85,1.64h0a.23.23,0,0,0,.42-.18h0c-.18-.59-.38-1.17-.58-1.75l-.27-.73h.74A.27.27,0,0,0,12.34,8.48ZM9,4.54a.81.81,0,0,1,1.62,0A.81.81,0,0,1,9,4.54ZM9.43,8.2l0-.07.33-.72.32.71,0,.08Z" fill="#fff" /></svg>

設計應用建議

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