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 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"
>
<g>
<rect width="32" height="46" x="5" y="15" fill="#ed1c24" rx="4" />
<path
fill="#d80027"
d="M33 15h-2a4 4 0 0 1 4 4v38a4 4 0 0 1-4 4h2a4 4 0 0 0 4-4V19a4 4 0 0 0-4-4z"
/>
<path fill="#ffe477" d="M35 3a4 4 0 0 0-4 4v12H11V7a4 4 0 0 1 4-4z" />
<path
fill="#57a4ff"
d="M59 23v32a2.006 2.006 0 0 1-2 2H37V21h20a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#2488ff"
d="M57 21h-2a2.006 2.006 0 0 1 2 2v32a2.006 2.006 0 0 1-2 2h2a2.006 2.006 0 0 0 2-2V23a2.006 2.006 0 0 0-2-2z"
/>
<path fill="#ee8700" d="M41 47h6v3h-6z" />
<path fill="#ffa733" d="M42 53h2v-3h-3v2a1 1 0 0 0 1 1z" />
<path
fill="#ff9811"
d="M47 47v-2a1 1 0 0 0-1-1h-2v3zM44 53h2a1 1 0 0 0 1-1v-2h-3z"
/>
<path fill="#ffa733" d="M44 44h-2a1 1 0 0 0-1 1v2h3z" />
<g fill="#f1f2f2">
<rect width="6" height="4" x="18" y="39" rx="1" />
<rect width="6" height="4" x="18" y="32" rx="1" />
<rect width="6" height="4" x="9" y="39" rx="1" />
<rect width="6" height="4" x="27" y="39" rx="1" />
<rect width="6" height="4" x="18" y="46" rx="1" />
<rect width="6" height="4" x="9" y="46" rx="1" />
<rect width="6" height="4" x="27" y="46" rx="1" />
<rect width="6" height="4" x="18" y="53" rx="1" />
<rect width="6" height="4" x="9" y="53" rx="1" />
<rect width="6" height="4" x="27" y="53" rx="1" />
</g>
<path fill="#ffcd00" d="M39 7v4h-8V7a4 4 0 0 1 8 0z" />
<path
fill="#f1f2f2"
d="M9 23h24v6H9zM53 40a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM53 48a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM53 24a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1zM53 32a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-4a1 1 0 0 0-1-1z"
/>
<path
fill="#ff7956"
d="M25 8h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM15 8h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2zM27 10h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2zM15 12h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM27 14h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM15 16h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 0 2z"
/>
<path
fill="#f1f2f2"
d="M31 35a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zM14 35a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2z"
/>
<rect width="26" height="2" x="8" y="18" fill="#d80027" rx="1" />
</g>
</svg>
More icons in the same style and category