跳到主要內容

Yukk

Yukk 官方向量標誌,歸屬金融支付分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Yukk Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Yukk
行業分類歸屬
金融支付
官方基色 (HEX / RGB / HSL)
#EC008Crgb(236, 0, 140) · hsl(324, 100%, 46%)
WCAG 亮暗底對比度與向量體積
白底 4.2:1 · 暗底 4.7:1 · 3.6 KB

向量程式碼片段

<svg width="80" height="32" viewBox="0 0 80 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_18375)">
<path d="M20.1474 20.7496C18.0193 23.8086 15.049 25.05 11.3249 25.1387C8.84219 25.183 6.35948 25.316 3.83244 25.4047C1.7044 25.4933 0.374377 26.779 0.463045 28.6411C0.551713 30.4144 1.92607 31.5228 4.05411 31.4784C6.35948 31.4341 8.70919 31.3454 11.0146 31.2568C17.3543 31.0351 21.4331 24.518 21.3444 18.0452C21.1671 18.3999 20.6794 19.9959 20.1474 20.7496ZM6.13781 12.8138C6.09347 9.66607 6.13781 6.51835 6.13781 3.37063C6.13781 1.37559 4.85212 0.045569 3.07875 0.045569H2.99006M2.99006 0.045569C1.2167 0.0899031 0.019704 1.37559 0.019704 3.37063C0.019704 5.14399 0.019704 6.87302 0.019704 8.64638C0.019704 10.4641 -0.0246301 12.2374 0.019704 14.0551C0.19704 19.9072 4.18711 24.0303 9.81754 24.2963C16.1573 24.6067 20.5464 21.1929 21.1671 15.0748C21.5217 11.3064 21.3444 7.44936 21.3887 3.63663C21.3887 1.37559 20.1917 0.00123486 18.2854 0.045569C16.4233 0.0899031 15.2706 1.41993 15.2706 3.63663C15.2706 6.96169 15.315 10.2424 15.2263 13.5675C15.182 15.8728 13.3643 17.8235 11.0589 18.1339C9.19686 18.3999 6.98016 16.8925 6.35948 14.8532C6.18214 14.2325 6.13781 13.5231 6.13781 12.8138M40.2751 0.134237C39.0337 0.48891 38.147 1.59726 38.147 3.01595C38.1027 6.34101 38.147 9.62174 38.1027 12.9468C38.1027 15.7842 36.0633 18.0452 33.5806 18.0895C31.0536 18.1339 28.9699 15.7842 28.9699 12.9025C28.9699 9.62173 28.9699 6.38535 28.9699 3.10462C28.9699 1.28692 27.7285 0.045569 25.9995 0.0012349C24.2705 -0.0430992 22.9404 1.10959 22.8961 2.92729C22.8518 7.00602 22.7631 11.0848 23.0291 15.1635C23.3838 20.3949 27.4182 24.0303 32.6939 24.2963C38.5904 24.5623 42.8021 21.5919 43.9105 16.2275C44.1765 15.0305 44.2208 13.8335 44.2208 12.3261C44.1765 12.1044 44.2208 11.9271 44.1765 11.7498C44.1765 8.95672 44.2208 6.20801 44.1321 3.41496C44.1321 2.66128 43.9105 1.86327 43.5558 1.24259C43.0681 0.400242 42.1814 0.0012349 41.2061 0.0012349C40.8957 0.0012349 40.5854 0.045569 40.2751 0.134237ZM57.122 0.178571C56.457 0.444576 55.8363 0.887917 55.3487 1.41993C51.9349 4.83365 48.5655 8.24738 45.1961 11.7054C45.1075 11.7941 44.6641 12.2818 44.5755 12.3704C45.5508 13.3015 46.4818 14.1438 47.3242 14.9862C50.1172 17.7792 52.9103 20.5723 55.7033 23.3653C56.8117 24.4737 58.1417 24.651 59.3387 24.0303C60.4914 23.4096 61.2451 22.0796 60.8904 20.7939C60.6688 20.0402 60.1811 19.3309 59.6491 18.7546C57.521 16.5379 55.3487 14.4542 53.1763 12.2374C53.531 11.8384 53.797 11.5281 54.1073 11.2621C56.1023 9.26706 58.1417 7.27203 60.0924 5.23266C61.1564 4.12431 61.2451 2.66128 60.4471 1.46426C59.8707 0.621912 58.9397 0.0899031 58.0087 0.0899031C57.7427 0.00123492 57.4324 0.045569 57.122 0.178571ZM68.6932 0.932251C64.9692 4.61198 61.3338 8.38038 57.4767 12.2374C59.6047 14.3655 61.7328 16.4935 63.8608 18.6216C67.4519 22.2126 70.9986 25.8037 74.634 29.3504C76.2744 30.9908 78.6241 30.6804 79.6437 28.7741C80.3088 27.4884 80.0428 26.1584 78.8457 24.917C74.9443 21.0156 71.0873 17.1142 67.1859 13.2571C66.8312 12.9025 66.5209 12.5478 66.0775 12.1044C67.3189 10.9074 68.4716 9.79907 69.5799 8.64638C70.7326 7.53803 71.8409 6.42968 72.9493 5.27699C74.235 3.90264 74.235 2.12927 72.9936 0.887917C72.4173 0.311574 71.6636 0.0012349 70.8656 0.0012349C70.1119 0.0012349 69.3582 0.311574 68.6932 0.932251Z" fill="url(#paint0_linear_3802_18375)"/>
</g>
<defs>
<linearGradient id="paint0_linear_3802_18375" x1="0.00919686" y1="15.7398" x2="80.0089" y2="15.7398" gradientUnits="userSpaceOnUse">
<stop stop-color="#EC008C"/>
<stop offset="1" stop-color="#5C2D91"/>
</linearGradient>
<clipPath id="clip0_3802_18375">
<rect width="80" height="31.4797" fill="white"/>
</clipPath>
</defs>
</svg>

設計應用建議

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