Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, debit card, cancel, payment method, credit card, and business and finance. Created in a clean lineal color style with a white, silver, red, and maroon finish, 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 300 300"
>
<circle cx="202" cy="165.172" r="76" fill="#ccc" />
<path
fill="#9dc1e4"
d="M194 85.172h13.363c5.875 0 10.637 4.762 10.637 10.637v94.725c0 5.875-4.762 10.637-10.637 10.637H36.637c-5.875 0-10.637-4.762-10.637-10.637V95.809c0-5.875 4.762-10.637 10.637-10.637H170"
/>
<path
fill="#4c241d"
d="M207.363 205.172H36.637c-8.07 0-14.637-6.566-14.637-14.637V95.809c0-8.07 6.566-14.637 14.637-14.637H170c2.211 0 4 1.789 4 4s-1.789 4-4 4H36.637A6.644 6.644 0 0 0 30 95.809v94.727a6.644 6.644 0 0 0 6.637 6.637h170.727a6.644 6.644 0 0 0 6.637-6.637V95.809a6.644 6.644 0 0 0-6.637-6.637H194c-2.211 0-4-1.789-4-4s1.789-4 4-4h13.363c8.07 0 14.637 6.566 14.637 14.637v94.727c0 8.069-6.566 14.636-14.637 14.636z"
/>
<circle cx="170" cy="165.172" r="12" fill="#f53e28" />
<path
fill="#4c241d"
d="M170 181.172c-8.824 0-16-7.176-16-16s7.176-16 16-16 16 7.176 16 16-7.176 16-16 16zm0-24c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8z"
/>
<path fill="#fff" d="M26 113.172h192v24H26z" />
<path
fill="#4c241d"
d="M218 141.172H26c-2.211 0-4-1.789-4-4v-24c0-2.211 1.789-4 4-4h192c2.211 0 4 1.789 4 4v24c0 2.211-1.789 4-4 4zm-188-8h184v-16H30z"
/>
<g fill="#4c241d">
<path
d="M70 165.172H42c-2.211 0-4-1.789-4-4s1.789-4 4-4h28c2.211 0 4 1.789 4 4s-1.789 4-4 4zM86 177.172H42c-2.211 0-4-1.789-4-4s1.789-4 4-4h44c2.211 0 4 1.789 4 4s-1.789 4-4 4zM114 177.172H98c-2.211 0-4-1.789-4-4s1.789-4 4-4h16c2.211 0 4 1.789 4 4s-1.789 4-4 4z"
/>
<circle cx="172" cy="227.172" r="6" />
<path
d="M207.656 266.828a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656L210.484 260a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M196.344 266.828a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172zM267.656 190.828a3.988 3.988 0 0 1-2.828-1.172l-11.312-11.312a4 4 0 1 1 5.656-5.656L270.484 184a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M256.344 190.828a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172z"
/>
</g>
<circle cx="214" cy="69.172" r="32" fill="#f53e28" />
<path
fill="#4c241d"
d="M214 105.172c-19.852 0-36-16.148-36-36s16.148-36 36-36 36 16.148 36 36-16.148 36-36 36zm0-64c-15.438 0-28 12.562-28 28s12.562 28 28 28 28-12.562 28-28-12.562-28-28-28z"
/>
<path
fill="#fff"
d="M226 85.172A3.988 3.988 0 0 1 223.172 84l-24-24a4 4 0 1 1 5.656-5.656l24 24A4 4 0 0 1 226 85.172z"
/>
<path
fill="#fff"
d="M202 85.172a4 4 0 0 1-2.828-6.828l24-24A4 4 0 1 1 228.828 60l-24 24A3.988 3.988 0 0 1 202 85.172z"
/>
</svg>
More icons in the same style and category