工具產品webcomponents

Web Components

Web Components（webcomponents）官方向量標誌，歸屬工具產品分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

滾輪縮放 · 拖動平移 · 雙擊放大

色彩提取

點選直接複製色值

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究

優惠碼 6666888 享95折

ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連

限時特惠碼 6666888 享95折

向量格式: SVG · 1:1
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 128 128
原始碼體積: 576 B · 7 個路徑節點
官方來源: https://www.webcomponents.org/

編輯與匯出

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

顏色

單色

背景

留白0%圓角0%

格式

尺寸

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

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

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

品牌實體 / 展示名稱: Web Components (webcomponents)
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #166DA5rgb(22, 109, 165) · hsl(203, 76%, 37%)
WCAG 亮暗底對比度與向量體積: 白底 5.6:1 · 暗底 3.6:1 · 576 B

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 128 128">
  <path
    fill="var(--bgcolor, #fff)"
    d="m31 12-1 1L2 63l29 51h67l15-26v-2l14-23-15-24v-2L98 12H31zm21 30h21l13 21-13 21H52L40 63z"
  />
  <path fill="#166da5" d="m122 63-12 21-18-21 18-21z" />
  <path fill="#8fdb69" d="M108 88 89 65 78 84l17 26z" />
  <path fill="#166da5" d="M108 38 89 61 78 42l17-26z" />
  <path d="M63 110 35 63l28-47H33L6 63l27 47z" />
  <path fill="#287bbe" d="m50 38 13-22h32l13 22zm28 4h32l11 19H89z" />
  <path fill="#ddf021" d="m50 88 13 22h32l13-22zm28-4h32l11-19H89z" />
</svg>