跳到主要內容

Chromium

Chromium 官方向量標誌,歸屬企業組織分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Chromium Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Chromium
行業分類歸屬
企業組織
官方基色 (HEX / RGB / HSL)
#1972E7rgb(25, 114, 231) · hsl(214, 81%, 50%)
WCAG 亮暗底對比度與向量體積
白底 4.6:1 · 暗底 4.3:1 · 2.8 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 511.98489 511.98489">
  <defs>
    <linearGradient xlink:href="#a" id="f" x1=".46521288" x2=".5565635" y1="-.67390651" y2=".81129867" gradientTransform="matrix(231.62575 0 0 231.62472 111.11013 159.99363)" gradientUnits="userSpaceOnUse"/>
    <linearGradient id="a">
      <stop offset="0" stop-color="#1972e7"/>
      <stop offset="1" stop-color="#1969d5"/>
    </linearGradient>
    <linearGradient xlink:href="#b" id="e" x1="101.74381" x2="101.59915" y1="33.726189" y2="135.466" gradientTransform="matrix(3.7794235 0 0 3.7794067 .00151555 .00377865)" gradientUnits="userSpaceOnUse"/>
    <linearGradient id="b" x2="1" gradientTransform="translate(29.399 42.333) scale(61.286)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#afccfb"/>
      <stop offset="1" stop-color="#8bb5f8"/>
    </linearGradient>
    <linearGradient xlink:href="#c" id="g" x1=".01820255" x2="1.7695541" y1="-.51170158" y2=".4994337" gradientTransform="matrix(94.931559 164.42687 -164.4276 94.931137 97.555991 173.61083)" gradientUnits="userSpaceOnUse"/>
    <linearGradient id="c" x2="1" gradientTransform="matrix(25.118 43.506 -43.506 25.118 25.812 45.935)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#659cf6"/>
      <stop offset="1" stop-color="#4285f4"/>
    </linearGradient>
    <linearGradient xlink:href="#d" id="h" x1="67.452377" x2="67.733002" y1="40.320694" y2="95.25" gradientTransform="matrix(3.7794235 0 0 3.7794067 .00150043 .00377865)" gradientUnits="userSpaceOnUse"/>
    <linearGradient id="d">
      <stop offset="0" stop-color="#3680f0"/>
      <stop offset="1" stop-color="#2678ec"/>
    </linearGradient>
  </defs>
  <path fill="url(#e)" d="m255.99319 255.99433 110.85049 63.99671-110.85049 191.99385c141.38068 0 255.9917-114.61051 255.9917-255.99056 0-46.64165-12.53559-90.3316-34.33115-127.99716h-221.6632z"/>
  <path fill="url(#f)" d="M255.99054 0C161.2404 0 78.576848 51.513314 34.31224 128.0274l110.82781 191.96363 110.85049-63.9967V127.99717h221.6632C433.38157 51.501975 350.72936 0 255.99054 0Z"/>
  <path fill="url(#g)" d="M.00151177 255.99433c0 141.38005 114.60723823 255.99056 255.99168823 255.99056l110.85048-191.99386-110.85048-63.9967-110.85049 63.9967L34.314897 128.0274C12.531434 165.68239 0 209.35646 0 255.99056"/>
  <path fill="#fff" d="M383.99094 255.99433c0 70.69003-57.30741 127.99717-127.99775 127.99717-70.69034 0-127.99773-57.30714-127.99773-127.99717 0-70.69002 57.30739-127.99716 127.99773-127.99716s127.99775 57.30714 127.99775 127.99716"/>
  <path fill="url(#h)" d="M359.99158 255.99433c0 57.43565-46.56249 103.99794-103.99839 103.99794-57.4359 0-103.9984-46.56229-103.9984-103.99794 0-57.43564 46.5625-103.99793 103.9984-103.99793 57.4359 0 103.99839 46.56229 103.99839 103.99793"/>
</svg>

設計應用建議

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