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, cvv, 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="45"
x2="45"
y1="63.377"
y2="12.174"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="54" x2="54" y1="63.377" y2="12.174" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="63.377" y2="12.174" href="#a" />
<linearGradient id="d" x1="17" x2="17" y1="63.377" y2="12.174" href="#a" />
<linearGradient
id="e"
x1="36.5"
x2="36.5"
y1="63.377"
y2="12.174"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M48.352 40.063a1 1 0 0 0-1.289.586L45 46.152l-2.063-5.5a1 1 0 1 0-1.874.7l3 8a1 1 0 0 0 1.874 0l3-8a1 1 0 0 0-.585-1.289z"
/>
<path
fill="url(#b)"
d="M51.937 40.649a1 1 0 1 0-1.874.7l3 8a1 1 0 0 0 1.874 0l3-8a1 1 0 1 0-1.874-.7L54 46.152z"
/>
<path
fill="url(#c)"
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(#d)"
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"
/>
<path
fill="url(#e)"
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"
/>
</g>
</svg>
More icons in the same style and category