跳到主要內容

Awesome Logos

Awesome Logos 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Awesome Logos Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 64 64
原始碼體積
2.8 KB · 5 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Awesome Logos.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Awesome Logos
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#0000E1rgb(0, 0, 225) · hsl(240, 100%, 44%)
WCAG 亮暗底對比度與向量體積
白底 10.1:1 · 暗底 2:1 · 2.8 KB

向量程式碼片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><linearGradient id="A" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#0078ff"/></linearGradient><linearGradient id="B" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#646464"/></linearGradient><linearGradient xlink:href="#B" id="C" x1="29.249" y1="296.578" x2="17.254" y2="312.202"/><linearGradient xlink:href="#A" id="D" x1="67.599" y1="318.895" x2="69.793" y2="298.282"/><linearGradient xlink:href="#A" id="E" x1="26.455" y1="318.895" x2="24.261" y2="298.282"/><linearGradient xlink:href="#B" id="F" x1="75.674" y1="294.137" x2="82.146" y2="303.404"/><radialGradient id="G" gradientTransform="matrix(1.2572982,-1.2132549,1.1859252,1.2289744,12.342918,68.530064)" cx="-90.961" cy="126.119" fx="-90.961" fy="126.119" r="134.257" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#feffff"/></radialGradient></defs><g transform="matrix(.900402 0 0 .900402 -10.057714 -253.826258)"><path d="M23.862 299.834c-4.96-.046-10.714 3.78-12.375 7.714a41.954 17.253 0 0 1 2.18-.512c1.565-.956 3.434-1.267 5.94-1a41.954 17.253 0 0 1 .161-.021c-.013-.008-.02-.025-.02-.034.002-.244.702-1.318 1.556-2.385l1.553-1.94 2.944 1.86c2.933 1.852 4.57 1.782 5.24-.22.315-.944-4.864-3.443-7.177-3.465z" fill="url(#C)"/><path d="M11.617 313.476c1.504 1.07 2.14 3.862 3.057 6.866 1.784 5.848 3.265 7.747 7.023 9.006 3.202 1.073 11.766.96 14.522-.192 2.178-.9 4.854-2.8 6.688-7.694.8-2.828.848-5.955 3.903-6.704 1.904.44 2.736.837 3.817 4.92 1.185 4.474 4.083 8.294 7.138 9.408 3.745.824 4.405 1.163 8.145 1.03 8.1-.648 11.167-2.104 13.4-10.765.614-2.368 1.698-5.046 2.4-5.95.66-1.814.553-4.245.414-6.532-3.417-.86-5.904-1.054-7.9-.514-.218.302-3.08.6-6.55.696-3.608.1-9.687.642-13.508 1.227-6.3.965-7.682.967-14.8.02-4.324-.573-10.513-1.228-13.753-1.456-3.08-.217-5.627-.577-5.867-.822l-.16.02c-2.506-.276-4.376.034-5.94 1a72.05 72.05 0 0 0-2.18.512c-.443 2.226-.44 3.86.13 5.927z" fill="url(#G)"/><path d="M53.325 318.1c1.536 9.335 2.98 9.048 13.143 9.743 8.7.147 10.315-2.946 11.244-10.097-.304-7.596-2.166-9.308-10.776-8.35-10.8 1.186-15.286.704-13.6 8.704z" fill="url(#D)" stroke="#0000e1" stroke-width=".071" stroke-opacity="0"/><path d="M70.4 299.94c-1.53.008-3.064.294-4.54.857-3.112 1.188-3.735 2.305-2.062 3.693.76.63 1.528.437 3.7-.927 1.502-.948 3.018-1.723 3.37-1.723.703 0 3.427 3.567 3.422 4.48a.06.06 0 0 1-.015.034c1.986-.54 4.473-.344 7.9.515-.847-1.698-2.362-3.356-4.467-4.75a13.03 13.03 0 0 0-7.29-2.182z" fill="url(#F)"/><path d="M40.728 318.1c-1.536 9.335-2.98 9.048-13.143 9.743-8.7.147-10.315-2.946-11.244-10.097.304-7.596 2.166-9.308 10.776-8.35 10.8 1.186 15.286.704 13.6 8.704z" fill="url(#E)" stroke="#0000e1" stroke-width=".071" stroke-opacity="0"/></g></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 64 64")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成