跳到主要内容
工具产品azure-system-topic

System Topic

System Topic(azure-system-topic) 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

System Topic Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 18 18
源码体积
3.5 KB · 15 个路径节点

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
System Topic (azure-system-topic)
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#7FBA00rgb(127, 186, 0) · hsl(79, 100%, 36%)
WCAG 亮暗底对比度与矢量体积
白底 2.4:1 · 暗底 8.4:1 · 3.5 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="bc881cb0-2250-4e99-b6cd-568a96c57a9d" x1="10.467" y1="9.987" x2="10.467" y2="7.506" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#773adc" /><stop offset="1" stop-color="#a67af4" /></linearGradient><linearGradient id="f536bf50-992c-4fa0-bbf6-4d12488616d9" x1="4.288" y1="13.077" x2="4.58" y2="5.029" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient><linearGradient id="f6c8ad87-986c-41f6-be34-270b4e00d1b0" x1="8.711" y1="13.237" x2="9.003" y2="5.189" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient><linearGradient id="bbbaf763-e5a9-4da8-9d1e-32d9d3fe8ff0" x1="8.915" y1="13.245" x2="9.207" y2="5.197" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient><linearGradient id="aa6fdf52-a4ca-43f3-b8a8-2f510d97420f" x1="4.471" y1="13.083" x2="4.763" y2="5.035" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient></defs><path d="M.613.993H1.976V4.775a.306.306,0,0,1-.306.306H.307A.306.306,0,0,1,0,4.775V1.606A.6.6,0,0,1,.592.993Z" fill="#a3a3a3" /><path d="M.613.993H1.976V4.775a.306.306,0,0,1-.306.306H.307A.306.306,0,0,1,0,4.775V1.606A.6.6,0,0,1,.592.993Z" fill="#a3a3a3" opacity="0.5" /><path d="M16.025.993h1.362a.6.6,0,0,1,.6.6v3.18a.306.306,0,0,1-.306.306H16.331a.306.306,0,0,1-.306-.306V.993Z" fill="#a3a3a3" /><path d="M16.025.993h1.362a.6.6,0,0,1,.6.6v3.18a.306.306,0,0,1-.306.306H16.331a.306.306,0,0,1-.306-.306V.993Z" fill="#a3a3a3" opacity="0.5" /><path d="M17.989,1.585v1.32H.032V1.585a.6.6,0,0,1,.6-.6H17.387A.6.6,0,0,1,17.989,1.585Z" fill="#949494" /><path d="M.307,12.9H1.67a.306.306,0,0,1,.306.306v3.813H.613A.6.6,0,0,1,0,16.426c0-.011,0-.021,0-.032V13.225A.306.306,0,0,1,.285,12.9Z" fill="#a3a3a3" /><path d="M.307,12.9H1.67a.306.306,0,0,1,.306.306v3.813H.613A.6.6,0,0,1,0,16.426c0-.011,0-.021,0-.032V13.225A.306.306,0,0,1,.285,12.9Z" fill="#a3a3a3" opacity="0.5" /><path d="M16.331,12.9h1.363A.306.306,0,0,1,18,13.2h0v3.169a.6.6,0,0,1-.6.6H16.025v-3.75a.306.306,0,0,1,.284-.327Z" fill="#a3a3a3" /><path d="M16.331,12.9h1.363A.306.306,0,0,1,18,13.2h0v3.169a.6.6,0,0,1-.6.6H16.025v-3.75a.306.306,0,0,1,.284-.327Z" fill="#a3a3a3" opacity="0.5" /><path d="M0,16.415V15.1H17.958v1.32a.6.6,0,0,1-.6.6H.6A.6.6,0,0,1,0,16.415Z" fill="#949494" /><path d="M15.436,8.828,13.3,6.664a.106.106,0,0,0-.148-.019.105.105,0,0,0-.04.1V8.075a.1.1,0,0,1-.092.117H7.83a1.237,1.237,0,0,0-.976-.482c-.042,0-.084-.006-.125-.006a1.294,1.294,0,0,0-.122,2.582q.061.006.123.006c.041,0,.083,0,.124-.006a1.272,1.272,0,0,0,.987-.494H13a.106.106,0,0,1,.1.094V11.2a.107.107,0,0,0,.1.11h0a.1.1,0,0,0,.082-.039l2.141-2.129A.235.235,0,0,0,15.436,8.828Z" fill="url(#bc881cb0-2250-4e99-b6cd-568a96c57a9d)" /><path d="M2.746,5.448V8.531H4.7A2.073,2.073,0,0,1,6.33,6.943v-2H3.246A.5.5,0,0,0,2.746,5.448Z" fill="url(#f536bf50-992c-4fa0-bbf6-4d12488616d9)" /><path d="M10.259,4.947H7.175v2a2.059,2.059,0,0,1,.99.451h2.594V5.447A.5.5,0,0,0,10.259,4.947Z" fill="url(#f6c8ad87-986c-41f6-be34-270b4e00d1b0)" /><path d="M7.175,11.053v1.979h3.084a.5.5,0,0,0,.5-.5v-1.94H8.179A2.046,2.046,0,0,1,7.175,11.053Z" fill="url(#bbbaf763-e5a9-4da8-9d1e-32d9d3fe8ff0)" /><path d="M4.7,9.448H2.746v3.084a.5.5,0,0,0,.5.5H6.33V11.043A2.036,2.036,0,0,1,4.7,9.448Z" fill="url(#aa6fdf52-a4ca-43f3-b8a8-2f510d97420f)" />​
</svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 18 18")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成