跳到主要內容
LogoHub
金融支付

Twint

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

Twint Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Twint
行業分類歸屬
金融支付
官方基色 (HEX / RGB / HSL)
#FF0000rgb(255, 0, 0) · hsl(0, 100%, 50%)
WCAG 亮暗底對比度與向量體積
白底 4:1 · 暗底 5:1 · 3.7 KB

向量程式碼片段

<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="80" rx="4" fill="black"/>
<path d="M104.946 34.1879H94.5782V36.6836H98.2862V47.3981H101.22V36.6836H104.946V34.1879Z" fill="white"/>
<path d="M57.8582 34.1879H47.4902V36.6836H51.2162V47.3981H54.1502V36.6836H57.8582V34.1879Z" fill="white"/>
<path d="M87.8642 33.7686C84.6062 33.7686 82.7882 35.8822 82.7882 38.9251V47.3978H85.6862V38.8522C85.6862 37.5221 86.4602 36.5017 87.9002 36.5017C89.3222 36.5017 90.0962 37.7043 90.0962 38.8522V47.3978H92.9942V38.9251C92.9942 35.8822 91.1222 33.7686 87.8642 33.7686Z" fill="white"/>
<path d="M76.9022 34.1879V47.3981H79.8182V34.1879H76.9022Z" fill="white"/>
<path d="M67.0742 39.4349L67.1822 40.0181L69.9002 47.3981H71.0882L74.7962 34.1879H71.9342L70.1522 41.1296L70.0622 41.8766L69.9182 41.1296L67.5422 34.1879H66.6062L64.2482 41.1296L64.1042 41.8766L63.9962 41.1296L62.2322 34.1879H59.3702L63.0782 47.3981H64.2662L66.9842 40.0181L67.0742 39.4349Z" fill="white"/>
<path d="M40.7037 46.8298C40.7037 47.2159 40.4324 47.6939 40.1068 47.8777L28.4756 54.6984C28.15 54.9006 27.6074 54.9006 27.2818 54.6984L15.6506 47.8777C15.325 47.6755 15.0537 47.2159 15.0537 46.8298V33.1702C15.0537 32.7841 15.325 32.3062 15.6506 32.1223L27.2818 25.3017C27.6074 25.0995 28.15 25.0995 28.4756 25.3017L40.1068 32.1223C40.4324 32.3245 40.7037 32.7841 40.7037 33.1702V46.8298Z" fill="white"/>
<path d="M33.9362 39.2611L30.9837 43.4739L29.4633 41.2134L31.2135 38.6788C31.5318 38.2335 32.2389 36.9834 31.4257 35.2879C30.7715 33.9179 29.3572 33.25 28.1196 33.25C26.882 33.25 25.5207 33.8665 24.8135 35.2879C24.0003 36.9149 24.7075 38.1993 25.008 38.6274C25.008 38.6274 25.9804 40.0146 26.7936 41.1791L28.1196 43.0287L30.0997 45.9571C30.1174 45.9743 30.4356 46.4366 30.9837 46.4366C31.5141 46.4366 31.8323 45.9743 31.8854 45.9229L36.5351 39.2611H33.9362ZM28.1196 39.3638C28.1196 39.3638 27.3417 38.2164 26.8467 37.4286C26.2986 36.5723 26.9174 35.3051 28.1196 35.3051C29.3395 35.3051 29.9406 36.5723 29.3925 37.4286C28.8975 38.2335 28.1196 39.3638 28.1196 39.3638V39.3638Z" fill="url(#paint0_radial_830_5939)"/>
<path d="M25.2555 43.3369L22.3384 39.381C22.3384 39.381 21.5605 38.2335 21.0654 37.4458C20.5174 36.5895 21.1361 35.3222 22.3384 35.3222C22.4975 35.3222 22.6389 35.3393 22.7627 35.3736L23.7881 33.5583C23.3107 33.3699 22.8157 33.2672 22.3384 33.2672C21.1008 33.2672 19.7395 33.8837 19.0323 35.3051C18.219 36.932 18.9262 38.2164 19.2268 38.6446L24.3185 45.9572C24.3538 46.0257 24.6897 46.488 25.2201 46.488C25.7682 46.488 26.0687 46.0428 26.1218 45.9743L27.6599 43.7137L26.3339 41.8299L25.2555 43.3369Z" fill="url(#paint1_radial_830_5939)"/>
<defs>
<radialGradient id="paint0_radial_830_5939" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.1406 34.3137) scale(13.6969)">
<stop stop-color="#FFCC00"/>
<stop offset="0.09157" stop-color="#FFC800"/>
<stop offset="0.1739" stop-color="#FFBD00"/>
<stop offset="0.2528" stop-color="#FFAB00"/>
<stop offset="0.3295" stop-color="#FF9100"/>
<stop offset="0.4046" stop-color="#FF7000"/>
<stop offset="0.4786" stop-color="#FF4700"/>
<stop offset="0.5503" stop-color="#FF1800"/>
<stop offset="0.5822" stop-color="#FF0000"/>
<stop offset="1" stop-color="#FF0000"/>
</radialGradient>
<radialGradient id="paint1_radial_830_5939" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.8841 34.5648) scale(12.559 12.559)">
<stop stop-color="#00B4E6"/>
<stop offset="0.201" stop-color="#00B0E3"/>
<stop offset="0.3898" stop-color="#01A5DB"/>
<stop offset="0.5737" stop-color="#0292CD"/>
<stop offset="0.7546" stop-color="#0377BA"/>
<stop offset="0.9316" stop-color="#0455A1"/>
<stop offset="1" stop-color="#054696"/>
</radialGradient>
</defs>
</svg>

設計應用建議

  • 保持原生 3:2 寬高比（viewBox "0 0 120 80"）等比例縮放，切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點，請勿強制使用 CSS fill: currentColor 扁平覆蓋

同類推薦標誌

檢視更多同類
操作已完成