Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as debit card, payment method, commerce and shopping, credit card, atm machine, cash machine, cash point, and business and finance. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="30.001"
x2="30.001"
y1="72.109"
y2="6.062"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x1="21" x2="21" y1="72.109" y2="6.062" href="#a" />
<linearGradient
id="c"
x1="21.001"
x2="21.001"
y1="72.109"
y2="6.062"
href="#a"
/>
<linearGradient
id="d"
x1="12.001"
x2="12.001"
y1="72.109"
y2="6.062"
href="#a"
/>
<linearGradient
id="e"
x1="21.515"
x2="21.515"
y1="72.109"
y2="6.062"
href="#a"
/>
<linearGradient
id="f"
x1="42.5"
x2="42.5"
y1="72.109"
y2="6.062"
href="#a"
/>
<linearGradient id="g" x1="35" x2="35" y1="72.109" y2="6.062" href="#a" />
<linearGradient
id="h"
x1="45.5"
x2="45.5"
y1="72.109"
y2="6.062"
href="#a"
/>
<linearGradient id="i" x1="44" x2="44" y1="72.109" y2="6.062" href="#a" />
<linearGradient id="j" x1="48" x2="48" y1="72.109" y2="6.062" href="#a" />
<g>
<g fill="url(#a)">
<path d="M28 40h4.001v2H28zM28 47h4.001v2H28zM28 54h4.001v2H28z" />
</g>
<path
fill="url(#b)"
d="M36 19a3.009 3.009 0 0 0-3-3h-1v2h1a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2h1v-2H9a3.009 3.009 0 0 0-3 3v38a3.009 3.009 0 0 0 3 3h24a3.009 3.009 0 0 0 3-3zM16 56a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm-6-8a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm15 22a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm9 21a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm0-7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2zm-7-8a1 1 0 0 1 1-1h3a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm7-5a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1z"
/>
<path fill="url(#c)" d="M19 33h4.001v2H19z" />
<path fill="url(#b)" d="M10 24h22v4H10z" />
<path fill="url(#c)" d="M19 40h4.001v2H19z" />
<path
fill="url(#d)"
d="M10 40h4.001v2H10zM10 47h4.001v2H10zM10 54h4.001v2H10z"
/>
<path fill="url(#c)" d="M19 54h4.001v2H19z" />
<path
fill="url(#e)"
d="M12 18h18V7a4.924 4.924 0 0 1 1.03-3H15a3.009 3.009 0 0 0-3 3zm15-2h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zm0-4h-7a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zm-2-6h2a1 1 0 0 1 0 2h-2a1 1 0 0 1 0-2zM15 6h6a1 1 0 0 1 0 2h-6a1 1 0 0 1 0-2zm0 4h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm0 4h6a1 1 0 0 1 0 2h-6a1 1 0 0 1 0-2z"
/>
<path fill="url(#c)" d="M19 47h4.001v2H19z" />
<path fill="url(#f)" d="M42 51h1v1h-1z" />
<path
fill="url(#g)"
d="M35 4a3.009 3.009 0 0 0-3 3v3h6V7a3.009 3.009 0 0 0-3-3z"
/>
<path fill="url(#h)" d="M45 44.999h1V46h-1z" />
<path fill="url(#f)" d="M42 45h1v1h-1z" />
<path fill="url(#i)" d="M42 48h4v1h-4z" />
<path fill="url(#h)" d="M45 51h1v1h-1z" />
<path
fill="url(#j)"
d="M39 56h18a1 1 0 0 0 1-1V23a1 1 0 0 0-1-1H39a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1zm13-31a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm0 8a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm0 8a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm0 8a1 1 0 0 1 2 0v4a1 1 0 0 1-2 0zm-12-4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2z"
/>
</g>
</svg>
More icons in the same style and category