Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as hand, pay, commerce, payment, shopping, 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="58" height="38" x="3" y="3" fill="#57a4ff" rx="4" />
<path
fill="#2488ff"
d="M57 3h-3a4 4 0 0 1 4 4v30a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V7a4 4 0 0 0-4-4z"
/>
<path
fill="#f1f2f2"
d="M11 23h6v4h-6zM23 23h6v4h-6zM35 23h6v4h-6zM47 23h6v4h-6z"
/>
<path fill="#ffa733" d="M21 9h-1.99v4H23v-2a2 2 0 0 0-2-2z" />
<path fill="#ff9811" d="M11 13v2a2 2 0 0 0 2 2h2.005v-4z" />
<path fill="#ffb655" d="M13 9a2 2 0 0 0-2 2v2h4.005V9z" />
<path fill="#ee8700" d="M15.01 9h4v8h-4z" />
<path fill="#ff9811" d="M19.01 17H21a2 2 0 0 0 2-2v-2h-3.99z" />
<path fill="#ff9478" d="M32 41a6 6 0 0 0 6 6h2v-6z" />
<path
fill="#ffac96"
d="M27 31a5 5 0 0 0-5 5v5H7l-2.773 4.854a4 4 0 0 0 .144 4.2L9 57v4h23V36a5 5 0 0 0-5-5z"
/>
<g fill="#231f20">
<path
d="M57 2H7a5 5 0 0 0-5 5v30a4.986 4.986 0 0 0 3.43 4.72l-2.07 3.64a4.951 4.951 0 0 0 .18 5.25L8 57.3V61a1 1 0 0 0 2 0v-4a.967.967 0 0 0-.17-.55L5.2 49.5a3 3 0 0 1-.11-3.15L7.58 42H21v4a1 1 0 0 0 2 0V36a4 4 0 0 1 8 0v25a1 1 0 0 0 2 0V45.89A6.97 6.97 0 0 0 38 48h2a1 1 0 0 0 1-1v-5h16a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5zM39 46h-1a5.009 5.009 0 0 1-4.9-4H39zm21-9a3.009 3.009 0 0 1-3 3H33v-4a6 6 0 0 0-12 0v4H7a3.009 3.009 0 0 1-3-3V7a3.009 3.009 0 0 1 3-3h50a3.009 3.009 0 0 1 3 3z"
/>
<path
d="M17 22h-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 22h-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 22h-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 22h-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 15v-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 1z"
/>
</g>
</g>
</svg>
More icons in the same style and category