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

Plans

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

Plans Logo

色彩提取

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

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Plans (azure-plans)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG 亮暗底對比度與向量體積
白底 4.5:1 · 暗底 4.4:1 · 2.0 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="e12305c3-c719-4f7f-b079-f68282b70e18" x1="9" y1="17.39" x2="9" y2="0.61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.82" stop-color="#5ea0ef" /></linearGradient></defs><title>Icon-azurestack-6</title><g id="fd3ce364-0de3-4a49-9ae3-702f411d286b"><g><g><path d="M10,.73H2.81a.57.57,0,0,0-.57.57V16.7a.57.57,0,0,0,.57.57H15.19a.57.57,0,0,0,.57-.57V6.51a.57.57,0,0,0-.57-.57H11.08a.56.56,0,0,1-.56-.56V1.3A.56.56,0,0,0,10,.73Z" fill="#fff" /><path d="M9.69,1.45V5.32a1.42,1.42,0,0,0,1.42,1.42H15v9.81H3V1.45h6.7M10,.61H2.72a.57.57,0,0,0-.58.57V16.82a.57.57,0,0,0,.58.57H15.28a.57.57,0,0,0,.58-.57V6.47a.57.57,0,0,0-.58-.57H11.11a.57.57,0,0,1-.57-.58V1.18A.57.57,0,0,0,10,.61Z" fill="url(#e12305c3-c719-4f7f-b079-f68282b70e18)" /><path d="M15.64,6,10.34.73V5a1,1,0,0,0,1,1Z" fill="#0078d4" /></g><path d="M13.26,8.49H7a.41.41,0,1,0,0,.82h6.3a.41.41,0,0,0,0-.82Zm0,2.44H7a.41.41,0,1,0,0,.81h6.3a.41.41,0,1,0,0-.81Zm0,2.45H7a.41.41,0,0,0,0,.82h6.3a.41.41,0,1,0,0-.82Z" fill="#83b9f9" /><path d="M4.79,9.72V8.4a.62.62,0,0,1-.19.07l-.22.06V8.12A2.29,2.29,0,0,0,4.69,8,1.28,1.28,0,0,0,5,7.86h.32V9.72Zm-.39,2.6v-.15a1,1,0,0,1,0-.26,2.26,2.26,0,0,1,.11-.22,1.86,1.86,0,0,1,.28-.26A.87.87,0,0,0,5,11.26s0-.07.07-.09a.14.14,0,0,0,0-.11c0-.13-.07-.19-.22-.19a.67.67,0,0,0-.43.17v-.45a1.08,1.08,0,0,1,.28-.11,1.26,1.26,0,0,1,.28,0,.7.7,0,0,1,.46.15.51.51,0,0,1,.17.39.75.75,0,0,1-.09.34,1.15,1.15,0,0,1-.32.28L5,11.76a.18.18,0,0,0-.06.1h.73v.42ZM5.64,14.4a.45.45,0,0,1-.19.41.92.92,0,0,1-.53.15,1.1,1.1,0,0,1-.26,0l-.23-.07v-.43a.49.49,0,0,0,.19.07.72.72,0,0,0,.22,0,.6.6,0,0,0,.21,0,.19.19,0,0,0,.07-.13A.15.15,0,0,0,5,14.25a1,1,0,0,0-.24-.05H4.62v-.39h.15A.3.3,0,0,0,5,13.75a.12.12,0,0,0,.07-.13s0-.09,0-.11-.09,0-.17,0a.78.78,0,0,0-.35.1v-.41a1.23,1.23,0,0,1,.46-.1.81.81,0,0,1,.49.13.38.38,0,0,1,.16.34.45.45,0,0,1-.09.28.45.45,0,0,1-.26.15.42.42,0,0,1,.3.15A.58.58,0,0,1,5.64,14.4Z" fill="#0078d4" /></g></g></svg>

設計應用建議

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