跳到主要內容

youki

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

youki Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
youki
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#1D252Ergb(29, 37, 46) · hsl(212, 23%, 15%)
WCAG 亮暗底對比度與向量體積
白底 15.5:1 · 暗底 1.3:1 · 11.0 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-1.45 -1.45 66.16 75.53"><g transform="translate(-987.997 -257.192)"><path fill="#a52b00" stroke-width="1.522" d="M1002.3427 324.90215l-3.00345-6.8836h-1.62349l3.79894 8.58826-.276.60069c-.4221.99033-.8929 1.33127-1.63969 1.33127-.58446 0-1.12021-.22729-1.54232-.63317l-.66563 1.16892c.53575.51951 1.37997.79551 2.20795.79551 1.31499 0 2.30539-.56822 3.06839-2.38653l4.1724-9.46495h-1.5261zm9.3087 1.81831c2.5814 0 4.4646-1.83455 4.4646-4.39966 0-2.56512-1.8832-4.38342-4.4646-4.38342-2.5813 0-4.4808 1.8183-4.4808 4.38342 0 2.56511 1.8995 4.39966 4.4808 4.39966zm0-1.36374c-1.656 0-2.906-1.20138-2.906-3.03592 0-1.83455 1.25-3.01969 2.906-3.01969 1.656 0 2.8898 1.18514 2.8898 3.01969 0 1.83454-1.2338 3.03592-2.8898 3.03592zm12.994-2.88981c0 1.85078-1.039 2.85734-2.6625 2.85734-1.4774 0-2.3216-.84421-2.3216-2.53264v-4.77306h-1.5585v4.95164c0 2.53265 1.4773 3.75027 3.7015 3.75027 1.2176 0 2.2891-.50329 2.9223-1.39621v1.2988h1.4774v-8.6045h-1.5586zm12.9291 4.15614l-3.9776-5.04906 3.6204-3.55544h-1.8832l-4.6919 4.28601v-7.72781h-1.5586v12.0463h1.5586v-2.35406l1.7858-1.65596 3.2308 4.01002zm2.1978-10.26046c.6169 0 1.0552-.45458 1.0552-1.03903 0-.55199-.4545-.99033-1.0552-.99033-.6007 0-1.0553.45458-1.0553 1.0228s.4546 1.00656 1.0553 1.00656zm.7792 10.26046v-8.6045h-1.5585v8.6045z"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" stroke-width="1" d="M1001.8811 298.06027l-6.37883 6.63417 6.84933 6.67194"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" stroke-width="1.129" d="M1031.1438 263.66777s2.8723 4.37398-.5871 9.18861"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" stroke-width="1" d="M1008.3643 263.76381s-2.8723 4.37398.5871 9.18861"/><path fill="#4c4c4c" fill-opacity="1" stroke="#1d252e" stroke-dasharray="none" stroke-opacity="1" stroke-width=".7" d="M1037.6929 277.67635c-.053-.0191-.1532-.0432-.2234-.0461-.07-.003-1.0062.11252-2.0835.25822-1.0749.14406-2.0454.27074-2.1576.28015-.3265.0258-.3157.0321-.9131-.50775l-.5325-.47581-.041-.14656c-.041-.14656-.032-.17106.5794-1.69025.3386-.8487.6334-1.58398.651-1.63658.042-.11896 0-.25993-.1027-.36374-.088-.0858-3.3712-1.75565-3.5211-1.79122-.2248-.0516-.3741-.00049-.7312.25004-.7209.51118-2.1748 1.53836-2.5105 1.77285l-.3735.26334-.2076.0314c-.2001.0301-.2438.0244-.997-.15414-.4331-.10352-.8329-.21115-.8872-.23969-.2295-.1262-.242-.15085-.8609-1.85489-.6351-1.74888-.6144-1.69995-.8644-1.80091-.1242-.0477-4.0417-.0847-4.1972-.0395-.091.0294-.141.0593-.2004.12053-.049.0552-.2699.65262-.6157 1.66696-.4707 1.37315-.5576 1.59644-.649 1.6837-.1406.12963-.1406.12963-1.2117.35551-.9547.20403-1.109.21324-1.3408.10128-.068-.0331-.8322-.54364-1.7009-1.13948-1.6524-1.13316-1.6612-1.13762-1.9068-1.13152-.2881.006-3.6662 1.62383-3.6456 1.74683 0 .0181.3113.75726.685 1.6415.3737.88418.6859 1.65058.6947 1.70018.035.19131-.046.28857-.7864.92818-.3763.32658-.7387.62539-.809.66769-.083.0462-.1873.0838-.2833.0967-.106.0155-.8008-.0563-2.2486-.2325-1.152-.14138-2.1492-.25035-2.2134-.24731-.08.007-.1608.0358-.2474.0908-.1207.0709-.2012.20183-.8945 1.36093-.41727.70583-.76937 1.32741-.78047 1.38238-.011.0512.01.14153.037.19684.052.0951.45217.38172 1.97507 1.33482 1.7181 1.07421 1.4931.91055 1.5535 1.10954.5632 1.53629 32.3132.21338 32.963.1376.076-.13028.046-.10784 1.8529-1.27365 1.4938-.96325 1.5461-.9984 1.6156-1.11131.1195-.19133.2111-.011-1.2365-2.42837-.2467-.40608-.4661-.76081-.4906-.78477-.027-.0223-.089-.059-.1423-.0819z"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" stroke-width="1" d="M1004.5952 302.37391l-3.088 3.01565 3.0425 2.53557"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" stroke-width="1" d="M992.12495 282.0384s.077 4.95172 2.87615 7.69448c2.79875 2.74276 6.6196 3.00237 6.6196 3.00237"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" stroke-width="1" d="M1047.2614 282.0384s-.077 4.95172-2.8763 7.69448c-2.7989 2.74276-6.6199 3.00237-6.6199 3.00237"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" stroke-width="1" d="M1037.9061 298.06027l6.3791 6.63417-6.8496 6.67194"/><path fill="none" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="square" stroke-linejoin="round" stroke-opacity="1" stroke-width="1" d="M1035.192 302.37391l3.088 3.01565-3.0425 2.53557"/><path fill="#f74c00" fill-opacity="1" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="butt" stroke-linejoin="miter" stroke-opacity="1" stroke-width=".7" d="M1001.5767 282.10923h36.248v21.16667h-36.248z"/><path fill="#000" fill-opacity="1" stroke="#1d252e" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.303" d="M1010.4448 257.97655c-2.4648-.31291-4.9504 1.42415-5.5329 3.83381-.7533 2.47169.6279 5.3798 3.0762 6.26555 2.2527.94365 5.0298-.10009 6.2136-2.20955 1.3768-2.17396.817-5.30372-1.2479-6.84722-.7149-.57586-1.5973-.93809-2.509-1.04259z"/><ellipse cx="-1041.577" cy="64.585" fill="#000" fill-opacity="1" stroke="#f74c00" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.36" rx="4.383" ry="4.507" transform="scale(-1 1) rotate(-11.059)"/><ellipse cx="-1043.04" cy="63.317" fill="#fff" fill-opacity="1" stroke="none" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.36" rx="2.155" ry="2.246" transform="scale(-1 1) rotate(-11.059)"/><path fill="#000" fill-opacity="1" stroke="#1d252e" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.303" d="M1029.0633 257.88051c2.4648-.31291 4.9504 1.42415 5.5329 3.83381.7533 2.47169-.6279 5.3798-3.0762 6.26555-2.2527.94365-5.0298-.10009-6.2136-2.20955-1.3768-2.17396-.817-5.30372 1.2479-6.84722.7149-.57586 1.5973-.93809 2.509-1.04259z"/><ellipse cx="960.087" cy="455.725" fill="#000" fill-opacity="1" stroke="#f74c00" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.36" rx="4.383" ry="4.507" transform="rotate(-11.06)"/><ellipse cx="958.624" cy="454.457" fill="#fff" fill-opacity="1" stroke="none" stroke-dasharray="none" stroke-dashoffset="0" stroke-linecap="square" stroke-linejoin="miter" stroke-miterlimit="4" stroke-opacity="1" stroke-width="1.36" rx="2.155" ry="2.246" transform="rotate(-11.06)"/><path fill="#f74c00" fill-opacity="1" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width=".7" d="M990.79424 281.61557s-2.39738-1.80964-2.44595-5.06259c-.049-3.25295 1.85198-3.70417 1.85198-3.70417s-.52917 1.85209 0 2.91042c.52917 1.05833 1.58741 2.38125 1.58741 2.38125"/><path fill="#f74c00" fill-opacity="1" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width=".7" d="M991.78768 278.14048s-1.32281.52917-1.32281 2.38125 1.85188 1.5875 1.85188 1.5875 2.91035 0 4.23316-3.70417c1.32284-3.70417-.26457-6.87916-.26457-6.87916s-.52917 2.64583-1.85201 4.49791c-1.32281 1.85209-2.64565 2.11667-2.64565 2.11667z"/><circle cx="992.702" cy="280.091" r=".751" fill="#4c4c4c" fill-opacity="1" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width=".567" stop-color="#000"/><path fill="#f74c00" fill-opacity="1" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width=".7" d="M1048.5922 281.61557s2.3975-1.80964 2.4461-5.06259c.049-3.25295-1.8521-3.70417-1.8521-3.70417s.5292 1.85209 0 2.91042c-.5292 1.05833-1.5875 2.38125-1.5875 2.38125"/><path fill="#f74c00" fill-opacity="1" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width=".7" d="M1047.5987 278.14048s1.3229.52917 1.3229 2.38125-1.852 1.5875-1.852 1.5875-2.9105 0-4.2334-3.70417c-1.3229-3.70417.2646-6.87916.2646-6.87916s.5292 2.64583 1.8521 4.49791c1.3229 1.85209 2.6458 2.11667 2.6458 2.11667z"/><circle cx="1046.854" cy="280.054" r=".751" fill="#4c4c4c" fill-opacity="1" stroke="#1d252e" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width=".567" stop-color="#000"/><path fill="none" stroke="#cd3c00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1009.5931 284.83866v15.81906"/><path fill="none" fill-opacity="1" stroke="#ff8751" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1003.8385 284.83866v15.81906h5.7546"/><path fill="none" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1009.5931 284.83866h-5.7546"/><path fill="none" stroke="#cd3c00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1018.2256 284.83866v15.81906"/><path fill="none" fill-opacity="1" stroke="#ff8751" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1012.471 284.83866v15.81906h5.7546"/><path fill="none" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1018.2256 284.83866h-5.7546"/><path fill="none" stroke="#cd3c00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1026.858 284.83866v15.81906"/><path fill="none" fill-opacity="1" stroke="#ff8751" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1021.1034 284.83866v15.81906h5.7546"/><path fill="none" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1026.858 284.83866h-5.7546"/><path fill="none" stroke="#cd3c00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1035.4905 284.83866v15.81906"/><path fill="none" fill-opacity="1" stroke="#ff8751" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1029.736 284.83866v15.81906h5.7545"/><path fill="none" stroke="#a52b00" stroke-dasharray="none" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="1" stroke-width="1.421" d="M1035.4905 284.83866h-5.7545"/></g></svg>

設計應用建議

  • 保持原生 0.88:1 寬高比(viewBox "-1.45 -1.45 66.16 75.53")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成