Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as business, online, payment, debit card, Commence, shopping, commerce and shopping, credit card, shopping and commerce, and pay by card. Created in a clean gradient 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"
>
<linearGradient
id="a"
x1="53.5"
x2="53.5"
y1="64.257"
y2="8.321"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="36.5"
x2="36.5"
y1="64.257"
y2="8.321"
href="#a"
/>
<linearGradient id="c" x1="45" x2="45" y1="64.257" y2="8.321" href="#a" />
<linearGradient id="d" x1="32" x2="32" y1="64.257" y2="8.321" href="#a" />
<linearGradient id="e" x1="17" x2="17" y1="64.257" y2="8.321" href="#a" />
<g>
<path
fill="url(#a)"
d="M50 44v2a4 4 0 0 0 6.667 2.98 1 1 0 1 0-1.334-1.489A2 2 0 0 1 52 46v-2a2 2 0 0 1 3.333-1.491 1 1 0 1 0 1.334-1.489A4 4 0 0 0 50 44z"
/>
<path
fill="url(#b)"
d="M37 42a2 2 0 0 1 1.333.509 1 1 0 1 0 1.334-1.489A4 4 0 0 0 33 44v2a4 4 0 0 0 6.667 2.98 1 1 0 1 0-1.334-1.489A2 2 0 0 1 35 46v-2a2 2 0 0 1 2-2z"
/>
<path
fill="url(#c)"
d="M45 42c1.221 0 2 .592 2 1a1 1 0 0 0 2 0c0-1.682-1.757-3-4-3s-4 1.318-4 3 1.757 3 4 3c1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1a1 1 0 0 0-2 0c0 1.682 1.757 3 4 3s4-1.318 4-3-1.757-3-4-3c-1.221 0-2-.592-2-1s.779-1 2-1z"
/>
<path
fill="url(#d)"
d="M57 8H7a5 5 0 0 0-5 5v32a5 5 0 0 0 5 5h21.75A17 17 0 0 0 62 45V13a5 5 0 0 0-5-5zM45 60a15 15 0 1 1 15-15 15.018 15.018 0 0 1-15 15zm15-22.98A16.993 16.993 0 0 0 28 45a17.432 17.432 0 0 0 .28 3H7a3.009 3.009 0 0 1-3-3V26h56zM60 24H4v-6h56zm0-8H4v-3a3.009 3.009 0 0 1 3-3h50a3.009 3.009 0 0 1 3 3z"
/>
<path
fill="url(#e)"
d="M22 36H12a4 4 0 0 0 0 8h10a4 4 0 0 0 0-8zm0 6H12a2 2 0 0 1 0-4h10a2 2 0 0 1 0 4z"
/>
</g>
</svg>
More icons in the same style and category