Skip to content
LogoHub
Finance & Pay

Twint

Official Twint vector logo in the Finance & Pay category. Download lossless SVG and a 1024px transparent PNG.

Twint Logo

Brand Color Palette

Click swatch to copy HEX

Download

Download SVG Vector FilePNG
Download all as ZIP
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 3:2
Raster Export
1024 × 1024 px
SVG viewBox
0 0 120 80
File Size / Nodes
3.7 KB · 9 paths

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setTwint.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Twint
Industry Category
Finance & Pay
Primary Color (HEX / RGB / HSL)
#FF0000rgb(255, 0, 0) · hsl(0, 100%, 50%)
WCAG Surface Contrast
Light 4:1 · Dark 5:1

Inline SVG Code Snippet

<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>

Engineering & Layout Guidelines

  • Maintain the native 3:2 aspect ratio (viewBox "0 0 120 80") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.

Related Brand Logos

View All in Category
Action completed