kbind

kbind 官方向量標誌，歸屬工具產品分類，提供無損 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 256 256
原始碼體積: 1.4 KB · 6 個路徑節點
官方來源: https://kbind.dev/

編輯與匯出

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

顏色

單色

背景

留白0%圓角0%

格式

尺寸

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

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

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

品牌實體 / 展示名稱: kbind
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #5A6573rgb(90, 101, 115) · hsl(214, 12%, 40%)
WCAG 亮暗底對比度與向量體積: 白底 5.9:1 · 暗底 3.3:1 · 1.4 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256">
  <defs>
    <linearGradient id="gBlue" gradientUnits="userSpaceOnUse" x1="128" y1="0" x2="128" y2="86">
      <stop offset="0" stop-color="#6FA8FF"/>
      <stop offset="1" stop-color="#2E6FE6"/>
    </linearGradient>
    <linearGradient id="gGreen" gradientUnits="userSpaceOnUse" x1="212" y1="66" x2="150" y2="236">
      <stop offset="0" stop-color="#69E79F"/>
      <stop offset="1" stop-color="#1CA85E"/>
    </linearGradient>
    <linearGradient id="gCyan" gradientUnits="userSpaceOnUse" x1="44" y1="66" x2="106" y2="236">
      <stop offset="0" stop-color="#6FEDE1"/>
      <stop offset="1" stop-color="#15A99D"/>
    </linearGradient>
  </defs>

  <!-- 3-colour ring as solid filled segments with straight gap edges -->
  <path fill="url(#gBlue)"  d="M 60.45 79.77 L 23.97 58.7 A 125.0 125.0 0 0 1 232.03 58.7 L 195.55 79.77 A 83.0 83.0 0 0 0 60.45 79.77 Z"/>
  <path fill="url(#gGreen)" d="M 203.55 93.62 L 240.03 72.56 A 125.0 125.0 0 0 1 136.0 252.74 L 136.0 210.61 A 83.0 83.0 0 0 0 203.55 93.62 Z"/>
  <path fill="url(#gCyan)"  d="M 120.0 210.61 L 120.0 252.74 A 125.0 125.0 0 0 1 15.97 72.56 L 52.45 93.62 A 83.0 83.0 0 0 0 120.0 210.61 Z"/>

  <!-- flat center socket (grey) -->
  <circle cx="128" cy="128" r="70" fill="#D5DAE0"/>

  <!-- two pin holes -->
  <circle cx="103" cy="128" r="10" fill="#5A6573"/>
  <circle cx="153" cy="128" r="10" fill="#5A6573"/>
</svg>