跳到主要內容
工具產品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 扁平覆蓋
檢視更多同類
操作已完成