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

Learn

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

Learn 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.2 KB · 8 個路徑節點

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

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

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="b3088683-8265-4928-ad86-999607a53d8b" x1="54.259" y1="17.732" x2="54.259" y2="12.155" gradientTransform="translate(-48.199 0.923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#76bc2d" /><stop offset="0.192" stop-color="#7fcb30" /><stop offset="0.42" stop-color="#84d332" /><stop offset="0.775" stop-color="#86d633" /></linearGradient><linearGradient id="b6572822-9d06-40d7-9f8a-609e85cc5056" x1="8.267" y1="14.714" x2="8.267" y2="1.379" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1988d9" /><stop offset="0.9" stop-color="#54aef0" /></linearGradient></defs><title>MsPortalFx.base.images-47</title><g id="e7f2c134-7fdf-4736-82a0-a541e4ef89e7"><g><path d="M2.881,1.393,3.93.175A.51.51,0,0,1,4.314,0H14.366a.7.7,0,0,1,.768.719V13.265a.508.508,0,0,1-.166.377l-1.132,1.031H3.561l-.695-.292Z" fill="#005ba1" /><path d="M3.725,1.387,4.367.655A.453.453,0,0,1,4.707.5H14.1a.451.451,0,0,1,.451.452v11.93a.45.45,0,0,1-.147.334l-1,.914Z" fill="#fff" /><g><path d="M7.654,12.9H4.464a.172.172,0,0,0-.171.172V17.9a.086.086,0,0,0,.139.067l1.574-1.234a.082.082,0,0,1,.036-.015l-.006,0,1.79-1.4V13.07A.172.172,0,0,0,7.654,12.9Z" fill="url(#b3088683-8265-4928-ad86-999607a53d8b)" /><path d="M6.036,16.712l1.79-1.4v2.6a.086.086,0,0,1-.138.068Z" fill="#76bc2d" /></g><path d="M13.334,1.379H2.914a.048.048,0,0,0-.048.048V14.381a.333.333,0,0,0,.333.333H13.334a.334.334,0,0,0,.334-.333V1.712A.334.334,0,0,0,13.334,1.379Z" fill="url(#b6572822-9d06-40d7-9f8a-609e85cc5056)" /><g><path d="M6.059,6.142V9.686H5.3V7a.931.931,0,0,1-.149.1,1.463,1.463,0,0,1-.182.089,1.7,1.7,0,0,1-.2.068,1.386,1.386,0,0,1-.206.04V6.662a3.08,3.08,0,0,0,.561-.223,3.169,3.169,0,0,0,.477-.3Z" fill="#fff" /><path d="M8.3,9.747q-1.239,0-1.238-1.739A2.358,2.358,0,0,1,7.4,6.634a1.115,1.115,0,0,1,.97-.473q1.209,0,1.209,1.768a2.331,2.331,0,0,1-.33,1.349A1.085,1.085,0,0,1,8.3,9.747Zm.034-3q-.5,0-.5,1.245,0,1.173.486,1.173T8.8,7.953Q8.8,6.744,8.335,6.744Z" fill="#fff" /><path d="M11.756,6.142V9.686h-.762V7a.888.888,0,0,1-.149.1,1.463,1.463,0,0,1-.182.089,1.636,1.636,0,0,1-.2.068,1.4,1.4,0,0,1-.205.04V6.662a3.139,3.139,0,0,0,.561-.223,3.209,3.209,0,0,0,.476-.3Z" fill="#fff" /></g></g></g></svg>

設計應用建議

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