跳到主要內容

JakOne Pay

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

JakOne Pay Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
JakOne Pay
行業分類歸屬
金融支付
官方基色 (HEX / RGB / HSL)
#D9672Crgb(217, 103, 44) · hsl(20, 69%, 51%)
WCAG 亮暗底對比度與向量體積
白底 3.5:1 · 暗底 5.6:1 · 7.7 KB

向量程式碼片段

<svg width="80" height="13" viewBox="0 0 80 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_16455)">
<path d="M2.81577 0.913527C2.81577 0.537377 3.13819 0.150477 3.74003 0.150477V0.161222H6.96419C7.42632 0.161222 7.81322 0.494387 7.85621 0.892033V6.42685C7.87663 8.5099 6.3933 9.92354 4.14363 10.0594H3.47411C1.55075 9.92509 0 8.54661 0 6.77076C0 6.27639 0.46213 5.91098 0.892018 5.91098C1.35415 5.91098 1.75179 6.15817 1.79478 6.72777C1.84852 7.81324 2.64381 8.5333 3.78302 8.5333C5.1909 8.5333 6.1474 7.68427 6.1474 6.4161V1.68733H3.74003C3.13819 1.68733 2.81577 1.28968 2.81577 0.913527Z" fill="url(#paint0_linear_3802_16455)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0691 1.96676C9.92242 1.96676 8.44663 3.46408 8.30757 5.65416V6.38196C8.43236 8.51876 9.63588 9.93424 11.5565 10.0702H12.1456C12.8464 10.0173 13.6372 9.76802 14.2615 9.28561C14.326 9.67251 14.6162 9.93044 15.1213 9.93044C15.6264 9.93044 15.9918 9.60802 15.9918 9.13514V2.91251C15.9918 2.43963 15.6372 2.11722 15.1213 2.11722C14.6269 2.11722 14.3367 2.3644 14.2615 2.72981C13.5844 2.2032 12.7247 1.96676 12.0691 1.96676ZM12.1981 3.51435C10.9084 3.51435 10.0486 4.55683 10.0486 6.00771V6.01846C10.0486 7.53381 10.8439 8.5333 12.0583 8.5333C12.9611 8.5333 13.8961 8.13566 14.2508 7.35111V4.69655C13.8639 3.94424 12.9933 3.51435 12.1981 3.51435Z" fill="url(#paint1_linear_3802_16455)"/>
<path d="M17.9788 9.90893C17.5916 9.85325 17.2707 9.58285 17.2707 9.13513V0.784546C17.2707 0.257935 17.7113 0 18.1412 0C18.5711 0 19.0118 0.26868 19.0118 0.784546V5.01894L21.849 2.36439C22.0317 2.20318 22.3004 2.1172 22.4939 2.1172C22.9882 2.1172 23.3859 2.48261 23.3859 2.90175C23.3859 3.0952 23.2784 3.29939 23.0635 3.49284L20.6561 5.62079L23.3859 8.58702C23.9017 9.23185 23.3644 9.90893 22.7518 9.90893C22.4939 9.90893 22.2359 9.79071 22.0532 9.57576L19.4631 6.69551L19.0225 7.09316V9.13513C19.0225 9.58285 18.6763 9.85325 18.2833 9.90893H17.9788Z" fill="url(#paint2_linear_3802_16455)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5231 10.0701C25.5139 10.0701 23.4934 8.06041 23.4934 5.04044C23.4934 2.02048 25.5783 0 28.5231 0C31.4678 0 33.456 1.97749 33.499 4.93297V5.14791C33.456 8.11414 31.5323 10.0701 28.5231 10.0701ZM28.5123 1.56909C26.5886 1.56909 25.2989 2.95548 25.2989 5.04044C25.2989 7.1039 26.5993 8.50104 28.5123 8.50104C30.4253 8.50104 31.6935 7.11465 31.6935 5.04044C31.6935 2.96623 30.4361 1.56909 28.5123 1.56909Z" fill="url(#paint3_linear_3802_16455)"/>
<path d="M36.1644 2.94671V2.86951C36.1644 2.39663 35.7238 2.11721 35.2939 2.11721C34.864 2.11721 34.4233 2.39664 34.4233 2.90176V9.13513C34.4233 9.62951 34.7887 9.91968 35.3261 9.91968C35.8635 9.91968 36.1644 9.62951 36.1644 9.13513V6.11517C36.1644 4.32039 37.755 3.49285 38.5503 3.49285C39.8507 3.49285 40.431 4.35263 40.431 5.6208V9.11364C40.431 9.58652 40.7857 9.90893 41.3016 9.90893C41.8497 9.90893 42.1721 9.58652 42.1721 9.11364V5.65304C42.1721 3.56812 41.0447 2.10522 39.1041 1.96676H38.4884C37.7696 2.0173 36.9278 2.25831 36.1644 2.94671Z" fill="url(#paint4_linear_3802_16455)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M42.9996 5.82242V6.51014C43.1443 8.63546 44.7357 10.0701 47.0298 10.0701C48.04 10.0916 49.0825 9.84445 49.8026 9.14588C50.6623 8.32909 49.5876 7.16839 48.6526 8.01742C48.1582 8.39358 47.5671 8.55478 46.9868 8.55478C45.9013 8.55478 45.0416 7.86696 44.7621 6.86747H49.8671C50.7376 6.86747 50.8343 6.44833 50.8343 5.94321C50.8236 3.56808 49.4372 1.956 46.9868 1.956C44.6548 1.956 43.1404 3.51346 42.9996 5.82242ZM49.2115 5.50258C49.104 4.29889 48.4484 3.4821 47.0083 3.4821C45.8046 3.4821 44.9663 4.28814 44.7514 5.50258H49.2115Z" fill="url(#paint5_linear_3802_16455)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M59.7 0.150477H56.2133C55.7214 0.152768 55.3266 0.474569 55.3266 0.945759V9.14588C55.3266 9.651 55.7565 9.90893 56.1971 9.90893C56.6378 9.90893 57.0891 9.66175 57.0891 9.12438V7.18989H59.2923C61.8717 7.18989 63.3655 5.81424 63.3655 3.74003C63.3655 1.76689 62.0234 0.289749 59.7 0.150477ZM59.3568 1.66582H57.0891V5.68528H59.2923C60.7969 5.68528 61.6245 4.92223 61.6245 3.75078C61.6245 2.49336 60.8077 1.66582 59.3568 1.66582Z" fill="url(#paint6_linear_3802_16455)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M66.9046 10.0702C64.874 9.92645 63.6449 8.35237 63.6449 6.00771L63.6342 5.99696C63.6342 3.62183 65.1495 1.96676 67.4065 1.96676C68.062 1.96676 68.9218 2.2032 69.5989 2.72981C69.6741 2.3644 69.9643 2.11722 70.4587 2.11722C70.9745 2.11722 71.3292 2.43963 71.3292 2.91251V9.13514C71.3292 9.60802 70.9638 9.93044 70.4587 9.93044C69.9535 9.93044 69.6634 9.67251 69.5989 9.28561C68.984 9.76802 68.1944 10.0173 67.4937 10.0702H66.9046ZM67.5354 3.51435C66.2458 3.51435 65.386 4.55683 65.386 6.00771V6.01846C65.386 7.53381 66.1813 8.5333 67.3957 8.5333C68.2985 8.5333 69.2335 8.13566 69.5881 7.35111V4.69655C69.2012 3.94424 68.3307 3.51435 67.5354 3.51435Z" fill="url(#paint7_linear_3802_16455)"/>
<path d="M74.7669 12.6709C75.0515 12.6032 75.3087 12.3803 75.4776 12.0691L79.9484 3.28863C80.1634 2.67603 79.669 2.13867 79.1532 2.13867C78.7878 2.13867 78.4761 2.35362 78.3471 2.67603V2.65454L75.9827 7.28658L73.6183 2.67603C73.4679 2.35362 73.124 2.12793 72.8015 2.12793C72.2534 2.12793 71.7268 2.72977 72.0063 3.34236L75.0262 9.1781L73.8655 11.478C73.5885 12.0225 73.9483 12.5585 74.409 12.6709H74.7669Z" fill="url(#paint8_linear_3802_16455)"/>
</g>
<defs>
<linearGradient id="paint0_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint1_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint2_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint3_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint4_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint5_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint6_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint7_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<linearGradient id="paint8_linear_3802_16455" x1="78.0903" y1="-54327.1" x2="78.0903" y2="-54453.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#D9672C"/>
<stop offset="0.40625" stop-color="#F99F57"/>
<stop offset="1" stop-color="#FCCDA2"/>
</linearGradient>
<clipPath id="clip0_3802_16455">
<rect width="80" height="12.6709" fill="white"/>
</clipPath>
</defs>
</svg>

設計應用建議

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