工具产品azure-heart

Heart

Heart（azure-heart）官方矢量标志，归属工具产品分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

滚轮缩放 · 拖动平移 · 双击放大

色彩提取

点击直接复制色值

单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正

下载 SVG 矢量文件 PNG

一键打包 ZIP

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究

优惠码 6666888 享95折

ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连

限时特惠码 6666888 享95折

矢量格式: SVG · 1:1
导出分辨率: 1024 × 1024 px
画布视口: 0 0 18 18
源码体积: 1.1 KB · 2 个路径节点
官方来源: https://azure.microsoft.com/en-us/products/

编辑与导出

修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成

颜色

单色

背景

留白0%圆角0%

格式

尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Heart.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称: Heart (azure-heart)
行业分类归属: 工具产品
官方基色 (HEX / RGB / HSL): #0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG 亮暗底对比度与矢量体积: 白底 4.5:1 · 暗底 4.4:1 · 1.1 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="be262aa0-1e96-4515-9b80-c7d70e614118" x1="9" y1="16.573" x2="9" y2="1.427" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b31b1b" /><stop offset="0.82" stop-color="#e62323" /></linearGradient><linearGradient id="b1eb80a0-ef92-42a3-af43-f22c07fe7d9c" x1="9" y1="16.525" x2="9" y2="1.427" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b31b1b" /><stop offset="0.82" stop-color="#e62323" /></linearGradient></defs><title>MsPortalFx.base.images-73</title><g id="f1ad3e33-de4b-4fca-85f1-c9a05025345f"><g><path d="M9,16.573c7.7-5.518,7.96-8.737,8-9.745.048-1.409-.149-5.1-3.866-5.386A4.023,4.023,0,0,0,9,4.132a4.023,4.023,0,0,0-4.129-2.69C1.154,1.733.957,5.419,1,6.828c.035,1.008.294,4.227,8,9.745" fill="url(#be262aa0-1e96-4515-9b80-c7d70e614118)" /><path d="M17,6.828c.048-1.409-.149-5.1-3.866-5.386A4.023,4.023,0,0,0,9,4.132a4.023,4.023,0,0,0-4.129-2.69C1.154,1.733.957,5.419,1,6.828c.035,1.008.227,4.179,7.928,9.7" fill="url(#b1eb80a0-ef92-42a3-af43-f22c07fe7d9c)" /></g></g></svg>