Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as online, commerce, payment, debit card, credit card, atm card, and business and finance. Created in a clean lineal color 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="50" height="34" x="11" y="3" fill="#ffcd00" rx="4" />
<path
fill="#ebbf00"
d="M57 3h-3a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z"
/>
<rect width="50" height="34" x="3" y="27" fill="#57a4ff" rx="4" />
<path
fill="#2488ff"
d="M49 27h-3a4 4 0 0 1 4 4v26a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V31a4 4 0 0 0-4-4z"
/>
<path
fill="#f1f2f2"
d="M10 49h6v4h-6zM20 49h6v4h-6zM30 49h6v4h-6zM40 49h6v4h-6z"
/>
<path fill="#58595b" d="M11 9h50v6H11z" />
<path fill="#414042" d="M58 9h3v6h-3z" />
<path fill="#ffa733" d="M19 33h-1.99v4H21v-2a2 2 0 0 0-2-2z" />
<path fill="#ff9811" d="M9 37v2a2 2 0 0 0 2 2h2.005v-4z" />
<path fill="#ffb655" d="M11 33a2 2 0 0 0-2 2v2h4.005v-4z" />
<path fill="#ee8700" d="M13.01 33h4v8h-4z" />
<path fill="#ff9811" d="M17.01 41H19a2 2 0 0 0 2-2v-2h-3.99z" />
<g fill="#231f20">
<path
d="M57 2H15a5 5 0 0 0-5 5v19H7a5 5 0 0 0-5 5v26a5 5 0 0 0 5 5h42a5 5 0 0 0 5-5V38h3a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5zm-5 55a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3V31a3.009 3.009 0 0 1 3-3h42a3.009 3.009 0 0 1 3 3zm8-24a3.009 3.009 0 0 1-3 3h-3v-5a5 5 0 0 0-5-5H12V16h48zm0-19H12v-4h48zm0-6H12V7a3.009 3.009 0 0 1 3-3h42a3.009 3.009 0 0 1 3 3z"
/>
<path
d="M16 48h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM26 48h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM36 48h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM46 48h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM19 42a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3zm-4.995-8h2.005v6h-2.005zM19 40h-.99v-2H20v1a1 1 0 0 1-1 1zm1-5v1h-1.99v-2H19a1 1 0 0 1 1 1zm-9-1h1.005v2H10v-1a1 1 0 0 1 1-1zm-1 5v-1h2.005v2H11a1 1 0 0 1-1-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category