跳到主要内容
工具产品azure-frd-qa

FRD QA

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

FRD QA 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.9 KB · 14 个路径节点

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

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

矢量代码片段

<svg id="uuid-1fd16169-7c4f-44bd-9fe9-6f13c6eac851" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="uuid-28a661af-6f16-45b9-bd55-a04c97391471" x1="6.725" y1="15.3" x2="6.725" y2="0" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset=".878" stop-color="#5ea0ef" /></linearGradient><radialGradient id="uuid-fd891cda-31e1-480a-9e8c-0d750f2b8141" cx="11.892" cy="12.51" r="3.549" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#32d4f5" /><stop offset=".59" stop-color="#32d2f2" /><stop offset=".825" stop-color="#32caea" /><stop offset="1" stop-color="#32bedd" /></radialGradient><radialGradient id="uuid-1578354a-3137-4b2d-8cfa-cde385eee489" cx="-970.857" cy="463.006" r="3.549" gradientTransform="translate(-958.965 475.516) rotate(-180)" gradientUnits="userSpaceOnUse"><stop offset=".225" stop-color="#32d4f5" /><stop offset=".59" stop-color="#32d2f2" /><stop offset=".825" stop-color="#32caea" /><stop offset="1" stop-color="#32bedd" /></radialGradient></defs><g><path d="M10.656,0h-3.825C6.796,0,6.76.003,6.725.005,6.69.003,6.655,0,6.619,0h-3.825C1.708,0,.828.881.828,1.967v11.367c0,.272.055.53.155.766.299.706.997,1.201,1.812,1.201h7.862c.815,0,1.514-.495,1.812-1.201.1-.235.155-.494.155-.766V1.967C12.623.881,11.742,0,10.656,0Z" fill="url(#uuid-28a661af-6f16-45b9-bd55-a04c97391471)" /><g><path d="M9.791,10.327H3.227c-.176.003-.322-.138-.325-.314-.003-.176.138-.322.314-.325.003,0,.007,0,.01,0h6.564c.176-.003.322.138.325.314s-.138.322-.314.325c-.003,0-.007,0-.01,0Z" fill="#fff" isolation="isolate" opacity=".8" /><path d="M8.453,11.653H3.227c-.176.003-.322-.138-.325-.314-.003-.176.138-.322.314-.325.003,0,.007,0,.01,0h5.226c.176.003.317.148.314.325-.003.172-.142.311-.314.314Z" fill="#fff" isolation="isolate" opacity=".6" /><path d="M9.791,12.979H3.227c-.176.003-.322-.138-.325-.314-.003-.176.138-.322.314-.325.003,0,.007,0,.01,0h6.564c.176-.003.322.138.325.314s-.138.322-.314.325c-.003,0-.007,0-.01,0Z" fill="#fff" isolation="isolate" opacity=".4" /><g><path d="M3.56,8.207v.404c.003.176-.138.322-.314.325-.176.003-.322-.138-.325-.314,0-.003,0-.007,0-.01v-.404c-.003-.176.138-.322.314-.325s.322.138.325.314c0,.003,0,.007,0,.01Z" fill="#fff" isolation="isolate" opacity=".2" /><path d="M5.216,6.473v2.138c.003.176-.138.322-.314.325-.176.003-.322-.138-.325-.314,0-.003,0-.007,0-.01v-2.138c.003-.176.148-.317.325-.314.172.003.311.142.314.314Z" fill="#fff" isolation="isolate" opacity=".3" /><path d="M6.871,4.863v3.748c.003.176-.138.322-.314.325-.176.003-.322-.138-.325-.314,0-.003,0-.007,0-.01v-3.748c-.003-.176.138-.322.314-.325s.322.138.325.314c0,.003,0,.007,0,.01Z" fill="#fff" isolation="isolate" opacity=".5" /><path d="M8.527,3.458v5.153c.003.176-.138.322-.314.325-.176.003-.322-.138-.325-.314,0-.003,0-.007,0-.01V3.458c-.003-.176.138-.322.314-.325s.322.138.325.314c0,.003,0,.007,0,.01Z" fill="#fff" isolation="isolate" opacity=".6" /><path d="M10.182,2.312v6.299c.003.176-.138.322-.314.325-.176.003-.322-.138-.325-.314,0-.003,0-.007,0-.01V2.312c-.003-.176.138-.322.314-.325s.322.138.325.314c0,.003,0,.007,0,.01Z" fill="#fff" isolation="isolate" opacity=".8" /></g></g></g><g id="uuid-715962a4-976a-4c09-8df1-608e1fdd101e"><g><path d="M17.011,17.785l-.054.054c-.215.215-.564.215-.779,0l-2.608-2.608.833-.833,2.608,2.608c.215.215.215.564,0,.779Z" fill="#198ab3" /><path d="M11.892,8.961c-1.96,0-3.549,1.589-3.549,3.549s1.589,3.549,3.549,3.549,3.549-1.589,3.549-3.549-1.589-3.549-3.549-3.549ZM11.899,15.234c-1.539,0-2.787-1.248-2.787-2.787s1.248-2.787,2.787-2.787,2.787,1.248,2.787,2.787-1.248,2.787-2.787,2.787Z" fill="url(#uuid-fd891cda-31e1-480a-9e8c-0d750f2b8141)" /><path d="M13.56,10.209c-.968-.741-2.31-.751-3.289-.025,3.565-.866,4.328,2.952,4.328,2.952.299-1.097-.116-2.264-1.039-2.927Z" fill="#c3f1ff" /><circle cx="11.892" cy="12.51" r="3.549" fill="url(#uuid-1578354a-3137-4b2d-8cfa-cde385eee489)" opacity=".2" /><circle cx="11.899" cy="12.447" r="2.787" fill="#fff" opacity=".2" /></g></g></svg>

设计应用建议

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