Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as money, finance, commerce, sale, payment, discount, shopping, credit card, atm card, 0 percent, 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="58" height="38" x="3" y="23" fill="#57a4ff" rx="4" />
<path
fill="#2488ff"
d="M57 23h-3a4 4 0 0 1 4 4v30a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V27a4 4 0 0 0-4-4z"
/>
<path
fill="#f1f2f2"
d="M11 47h6v4h-6zM23 47h6v4h-6zM35 47h6v4h-6zM47 47h6v4h-6z"
/>
<path fill="#ffa733" d="M21 31h-1.99v4H23v-2a2 2 0 0 0-2-2z" />
<path fill="#ff9811" d="M11 35v2a2 2 0 0 0 2 2h2.005v-4z" />
<path fill="#ffb655" d="M13 31a2 2 0 0 0-2 2v2h4.005v-4z" />
<path fill="#ee8700" d="M15.01 31h4v8h-4z" />
<path fill="#ff9811" d="M19.01 39H21a2 2 0 0 0 2-2v-2h-3.99z" />
<path
fill="#ed1c24"
d="M55 7v16a4 4 0 0 1-4 4h-4l-4 6-4-6H27a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4z"
/>
<circle cx="41" cy="12" r="2" fill="#f1f2f2" />
<circle cx="49" cy="18" r="2" fill="#f1f2f2" />
<g fill="#231f20">
<path
d="M57 22h-1V7a5 5 0 0 0-5-5H27a5 5 0 0 0-5 5v15H7a5 5 0 0 0-5 5v30a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5V27a5 5 0 0 0-5-5zM24 7a3.009 3.009 0 0 1 3-3h24a3.009 3.009 0 0 1 3 3v16a3.009 3.009 0 0 1-3 3h-4a1 1 0 0 0-.83.45L43 31.2l-3.17-4.75A1 1 0 0 0 39 26H27a3.009 3.009 0 0 1-3-3zm36 50a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3V27a3.009 3.009 0 0 1 3-3h15.1a5.017 5.017 0 0 0 4.9 4h11.46l3.71 5.55a.99.99 0 0 0 1.66 0L47.54 28H51a5.017 5.017 0 0 0 4.9-4H57a3.009 3.009 0 0 1 3 3z"
/>
<path
d="M41 15a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM46 18a3 3 0 1 0 3-3 3 3 0 0 0-3 3zm3-1a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM41.485 20.857a1 1 0 0 0 1.372-.342l6-10a1 1 0 1 0-1.714-1.03l-6 10a1 1 0 0 0 .342 1.372zM17 46h-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-2h4zM29 46h-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-2h4zM41 46h-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-2h4zM53 46h-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-2h4zM24 37v-4a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3zm-2-4v1h-1.99v-2H21a1 1 0 0 1 1 1zm-6-1h2.01v6h-2.005zm-3 0h1.005v2H12v-1a1 1 0 0 1 1-1zm-1 5v-1h2.005v2H13a1 1 0 0 1-1-1zm9 1h-.99v-2H22v1a1 1 0 0 1-1 1zM31 22a5.006 5.006 0 0 0 5-5v-4a5 5 0 0 0-10 0v4a5.006 5.006 0 0 0 5 5zm-3-9a3 3 0 0 1 6 0v4a3 3 0 0 1-6 0z"
/>
</g>
</g>
</svg>
More icons in the same style and category