跳到主要内容
工具产品azure-app-service-domains

App Service Domains

App Service Domains(azure-app-service-domains) 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

App Service Domains Logo

色彩提取

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

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

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

矢量代码片段

<svg id="f39db08f-c433-4b3e-8dd9-f5b32b0dd2e2" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="e3b462d3-4c3c-47e9-827b-0de254d5c11f" x1="9" y1="15.83" x2="9" y2="5.79" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#32bedd" /><stop offset="0.18" stop-color="#32caea" /><stop offset="0.41" stop-color="#32d2f2" /><stop offset="0.78" stop-color="#32d4f5" /></linearGradient></defs><title>Icon-web-50</title><path d="M.5,5.79h17a0,0,0,0,1,0,0v9.48a.57.57,0,0,1-.57.57H1.07a.57.57,0,0,1-.57-.57V5.79A0,0,0,0,1,.5,5.79Z" fill="url(#e3b462d3-4c3c-47e9-827b-0de254d5c11f)" /><path d="M1.07,2.17H16.93a.57.57,0,0,1,.57.57V5.79a0,0,0,0,1,0,0H.5a0,0,0,0,1,0,0V2.73A.57.57,0,0,1,1.07,2.17Z" fill="#005ba1" /><rect x="2.79" y="3.25" width="12.43" height="1.46" rx="0.28" fill="#f2f2f2" /><path d="M6.68,9l-.9,3H5.06L4.51,10a1.1,1.1,0,0,1,0-.27h0a1,1,0,0,1,0,.26L3.8,12H3.09L2.2,9h.71l.55,2.19a1.43,1.43,0,0,1,0,.26h0a1.32,1.32,0,0,1,0-.26L4.18,9h.65l.55,2.2a1.59,1.59,0,0,1,0,.26h0a1.51,1.51,0,0,1,0-.26L6,9Z" fill="#fff" /><path d="M11.28,9l-.9,3H9.66L9.11,10a1.1,1.1,0,0,1,0-.27h0A1.85,1.85,0,0,1,9,10L8.4,12H7.7L6.8,9h.71l.56,2.19a1.56,1.56,0,0,1,0,.26h0c0-.08,0-.17.05-.26L8.79,9h.64l.55,2.2a1.59,1.59,0,0,1,0,.26h0a1.51,1.51,0,0,1,0-.26L10.63,9Z" fill="#fff" /><path d="M15.89,9,15,12h-.72L13.71,10a1.93,1.93,0,0,1,0-.27h0a1,1,0,0,1-.05.26L13,12H12.3l-.9-3h.72l.55,2.19a1.43,1.43,0,0,1,0,.26h0a1.27,1.27,0,0,1,0-.26L13.39,9H14l.54,2.2a1.59,1.59,0,0,1,0,.26h0a1.66,1.66,0,0,1,0-.26L15.23,9Z" fill="#fff" /></svg>

设计应用建议

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