跳到主要内容
工具产品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 扁平覆盖
查看更多同类
操作已完成