Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as money, card, payment, debit card, credit, commerce and shopping, credit card, chip, and accept. Created in a clean lineal color style with a white, silver, gray, 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="164" r="76" fill="#ccc" />
<path
fill="#9dc1e4"
d="M194 84h13.363C213.238 84 218 88.762 218 94.637v94.725c0 5.875-4.762 10.637-10.637 10.637H36.637C30.762 200 26 195.238 26 189.363V94.637C26 88.762 30.762 84 36.637 84H170"
/>
<path
fill="#4c241d"
d="M207.363 204H36.637C28.566 204 22 197.434 22 189.363V94.637C22 86.566 28.566 80 36.637 80H170c2.211 0 4 1.789 4 4s-1.789 4-4 4H36.637A6.644 6.644 0 0 0 30 94.637v94.727a6.644 6.644 0 0 0 6.637 6.637h170.727a6.644 6.644 0 0 0 6.637-6.637V94.637A6.644 6.644 0 0 0 207.364 88H194c-2.211 0-4-1.789-4-4s1.789-4 4-4h13.363C215.434 80 222 86.566 222 94.637v94.727c0 8.07-6.566 14.636-14.637 14.636z"
/>
<circle cx="170" cy="164" r="12" fill="#f53e28" />
<path
fill="#4c241d"
d="M170 180c-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 112h192v24H26z" />
<path
fill="#4c241d"
d="M218 140H26c-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 164H42c-2.211 0-4-1.789-4-4s1.789-4 4-4h28c2.211 0 4 1.789 4 4s-1.789 4-4 4zM86 176H42c-2.211 0-4-1.789-4-4s1.789-4 4-4h44c2.211 0 4 1.789 4 4s-1.789 4-4 4zM114 176H98c-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="226" r="6" />
<path
d="M202 268c-2.211 0-4-1.789-4-4v-16c0-2.211 1.789-4 4-4s4 1.789 4 4v16c0 2.211-1.789 4-4 4z"
/>
<path
d="M210 260h-16c-2.211 0-4-1.789-4-4s1.789-4 4-4h16c2.211 0 4 1.789 4 4s-1.789 4-4 4zM262 192c-2.211 0-4-1.789-4-4v-16c0-2.211 1.789-4 4-4s4 1.789 4 4v16c0 2.211-1.789 4-4 4z"
/>
<path
d="M270 184h-16c-2.211 0-4-1.789-4-4s1.789-4 4-4h16c2.211 0 4 1.789 4 4s-1.789 4-4 4z"
/>
</g>
<circle cx="214" cy="68" r="32" fill="#a9ba5a" />
<path
fill="#4c241d"
d="M214 104c-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="M210 84a4 4 0 0 1-2.828-1.172l-8-8a4 4 0 1 1 5.656-5.656l4.551 4.551 13.293-19.941c1.219-1.836 3.703-2.332 5.547-1.109a3.997 3.997 0 0 1 1.109 5.547l-16 24A4 4 0 0 1 210 84z"
/>
</svg>
More icons in the same style and category