yoke

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

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

色彩提取

點選直接複製色值

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

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

優惠碼 6666888 享95折

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

限時特惠碼 6666888 享95折

向量格式: SVG · 6.18:1
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 1207.3 195.4
原始碼體積: 2.4 KB · 10 個路徑節點
官方來源: https://yokecd.github.io/docs

編輯與匯出

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

顏色

單色

背景

留白0%圓角0%

格式

尺寸

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

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

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

品牌實體 / 展示名稱: yoke
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #9E98CArgb(158, 152, 202) · hsl(247, 32%, 69%)
WCAG 亮暗底對比度與向量體積: 白底 2.7:1 · 暗底 7.4:1 · 2.4 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1207.3 195.4">
  <defs>
    <style>
      .cls-1 {
        fill: #9e98ca;
      }

      .cls-1, .cls-2 {
        stroke-width: 0px;
      }

      .cls-2 {
        fill: #1f3856;
      }
    </style>
  </defs>
  <g>
    <path class="cls-2" d="M509,191.5v-54.3h29.8v54.3h-29.8Z"/>
    <path class="cls-2" d="M677.1,195.4c-13.5,0-25.5-2.8-36-8.3-10.5-5.6-18.7-13.5-24.8-23.9-6-10.4-9-22.7-9-36.9v-4.1c0-14.2,3-26.5,9-36.8,6-10.3,14.3-18.3,24.8-23.9,10.5-5.6,22.5-8.5,36-8.5s25.5,2.8,36.1,8.5c10.6,5.7,18.9,13.6,24.9,23.9,6,10.3,9,22.6,9,36.8v4.1c0,14.2-3,26.5-9,36.9-6,10.4-14.3,18.4-24.9,23.9-10.6,5.6-22.6,8.3-36.1,8.3ZM677.1,170.2c12.4,0,22.5-4,30.2-11.9,7.8-7.9,11.6-18.9,11.6-33v-2.5c0-14-3.8-25-11.5-33-7.7-7.9-17.8-11.9-30.4-11.9s-22.2,4-30,11.9c-7.7,7.9-11.6,18.9-11.6,33v2.5c0,14.1,3.9,25,11.6,33,7.8,7.9,17.7,11.9,30,11.9Z"/>
    <path class="cls-2" d="M810.4,135.4v56.1h-28.2V0h28.2v135.4Z"/>
    <path class="cls-2" d="M1010,195.4c-13.7,0-25.6-2.9-35.8-8.6-10.2-5.7-18.2-13.9-23.9-24.4-5.7-10.5-8.6-22.7-8.6-36.5v-3.3c0-14.1,2.8-26.3,8.5-36.8,5.7-10.5,13.5-18.6,23.7-24.4,10.1-5.7,21.8-8.6,35.2-8.6s24.3,2.9,34.1,8.6c9.8,5.8,17.4,13.7,22.8,23.9,5.5,10.2,8.2,22.2,8.2,35.8v10.7h-103.7c.4,11.9,4.3,21.3,11.9,28.3,7.6,7,17,10.5,28.3,10.5s18.6-2.4,23.9-7.1c5.4-4.7,9.5-10.2,12.4-16.4l23.3,12c-2.6,5.1-6.2,10.5-11.1,16.1-4.8,5.7-11.2,10.4-19,14.2-7.8,3.8-17.9,5.7-30.1,5.7ZM970.6,110.3h74.7c-.7-10.2-4.4-18.2-10.9-23.9-6.6-5.7-15.1-8.6-25.7-8.6s-19.2,2.9-25.9,8.6c-6.7,5.7-10.7,13.7-12.2,23.9Z"/>
    <path class="cls-1" d="M829.7,135.2c.1-10.1.2-15.9.3-26h0s53.1-52.5,53.1-52.5h37.5l-68.1,65.4,70.3,69.5h-37.2l-55.5-56.1-.3-.3Z"/>
    <path class="cls-1" d="M509,122h29.8-29.8Z"/>
    <polygon class="cls-2" points="442.5 0 475.9 0 523.9 86.7 571.9 0 605.3 0 538.8 122 509 122 442.5 0"/>
  </g>
  <path class="cls-1" d="M333.6,195.4c5.6-6.6,7-8.3,12.6-14.9L281.7,0l-.5.2v-.2s-35.9,11.5-35.9,11.5l8.9,30.2,18.5,8.8,37.1,103.8c-15.6,3.4-67.9-6.8-84.6-10.3l-21.9-50h-60.4l-22,50.1c-17.5,3.6-69.7,13.7-84.5,10.1h0l37.2-104,17.9-8.5,8.9-30.2L64.5,0,0,180.5c5.6,6.6,7,8.3,12.6,14.9l153.3-27.3h14.4l153.3,27.3Z"/>
  <g>
    <line class="cls-1" x1="1118.4" y1="184" x2="1207.3" y2="184"/>
    <rect class="cls-1" x="1118.4" y="172.6" width="88.9" height="22.8"/>
  </g>
</svg>