# 鏈 logo（12 條鏈）· AI量化 / 全站可用

All 12 marks come from **web3icons** (`@web3icons/core` v4.0.58, MIT license, https://github.com/0xa3k5/web3icons). Its network icons are redrawn from each chain's official brand kit. Only the sizing and wrapper below were normalized here.

| id | 鏈 | chainId | 檔案 | 來源（web3icons network 名） | 官方品牌頁 |
|---|---|---|---|---|---|
| bsc | BNB Smart Chain | 56 | color/bsc.svg · mono/bsc.svg | binance-smart-chain | https://www.bnbchain.org/en/brand-guidelines |
| ethereum | Ethereum | 1 | color/ethereum.svg · mono/ethereum.svg | ethereum | https://ethereum.org/en/assets/ |
| base | Base | 8453 | color/base.svg · mono/base.svg | base（branded 藍方塊，手動改成全幅圓角方） | https://github.com/base/brand-kit |
| arbitrum | Arbitrum One | 42161 | color/arbitrum.svg · mono/arbitrum.svg | arbitrum-one | https://arbitrum.io/brandkit |
| polygon | Polygon PoS | 137 | color/polygon.svg · mono/polygon.svg | polygon | https://polygon.technology/brand-kit |
| optimism | OP Mainnet | 10 | color/optimism.svg · mono/optimism.svg | optimism | https://www.optimism.io/brand |
| avalanche | Avalanche C-Chain | 43114 | color/avalanche.svg · mono/avalanche.svg | avalanche | https://www.avax.network/brand |
| linea | Linea | 59144 | color/linea.svg · mono/linea.svg | linea | https://linea.build/brand |
| unichain | Unichain | 130 | color/unichain.svg · mono/unichain.svg | unichain | https://www.unichain.org/brand |
| zksync | ZKsync Era | 324 | color/zksync.svg · mono/zksync.svg | zksync | https://www.zksync.io/brand |
| blast | Blast | 81457 | color/blast.svg · mono/blast.svg | blast | https://blast.io（官方 X 頭像同款） |
| sonic | Sonic | 146 | color/sonic.svg · mono/sonic.svg | sonic | https://www.soniclabs.com/brand |
| all | 「全部」 | — | all.svg | 自製：2×2 圓點（對角 55% 透明），`currentColor` | — |

## 規格
- 全部 `viewBox="0 0 24 24"`，不寫 width/height，由 CSS 決定尺寸（建議 16px；摘要每鏈列 20px）。在 2× 上看是銳利的。
- **color/**：每條鏈都是圓形徽章（web3icons 的 *background* 版本，外面包一層 `r=12` 的圓形裁切）。Base 是例外，它的官方標誌就是方塊，所以用 22×22、圓角 5 的方塊。內部 id 都加了鏈名前綴（例如 `bsc-r`），整頁 inline 很多個也不會撞。
- **mono/**：單色字形，`fill="currentColor"`（web3icons *mono* 版本）。用在選中的橘色 chip 上，顏色設成 `--accent-ink #1a0e00`。如果之後需要白色版本，設成 `#fff` 即可。
- **選中的橘色 chip 為什麼用 mono？** 黃色的 BSC、Blast 徽章放在 #F7931A 上會糊在一起，紅色的 Optimism、Avalanche 也很髒。統一改成深色單色以後，12 個都清楚，也和 chip 的深色粗字一致。對照見 `legibility-sheet@2x.png`（A 彩色原樣 / B 彩色加墨色圈 / C 單色墨色 ✓）。
- 深色玻璃底上，黑底徽章（Ethereum、Linea、zkSync、Sonic）的邊緣不容易看出來，所以加了 `box-shadow: 0 0 0 .5px rgba(255,255,255,.16)` 細白邊。
- swap-app 已經有 `public/tokens/bnb-chain.svg`、`eth.svg`、`avax.svg`，但那些是**代幣**標誌。鏈標誌建議統一用這一套，比較一致，例如放到 `public/chains/{id}.svg` 和 `public/chains/mono/{id}.svg`。

## 檔案
- `color/*.svg`、`mono/*.svg`、`all.svg`：成品
- `raw/{branded,background,mono}/`：web3icons 原檔，留著對照
- `build.py`：把 raw 轉成成品（重新產生用）
- `legibility-sheet@2x.png`、`sheet.html`：深色 chip / 橘色 chip 的可讀性對照