Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as business, online, payment, debit card, Commence, shopping, credit card, cvv, business and finance, and pay by card. Created in a clean flat 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="16.707"
x2="17.335"
y1="65.486"
y2="10.875"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="31.607"
x2="32.235"
y1="65.658"
y2="11.047"
href="#a"
/>
<linearGradient
id="c"
x1="31.412"
x2="32.04"
y1="65.655"
y2="11.044"
href="#a"
/>
<linearGradient
id="d"
x1="31.487"
x2="32.114"
y1="65.656"
y2="11.045"
href="#a"
/>
<linearGradient
id="e"
x1="44.761"
x2="45.389"
y1="65.809"
y2="11.198"
href="#a"
/>
<g>
<path fill="url(#a)" d="M22 38H12a2 2 0 0 0 0 4h10a2 2 0 0 0 0-4z" />
<path
fill="url(#b)"
d="M60 26H4v19a3.009 3.009 0 0 0 3 3h21.28a17.432 17.432 0 0 1-.28-3 16.993 16.993 0 0 1 32-7.98zM22 44H12a4 4 0 0 1 0-8h10a4 4 0 0 1 0 8z"
/>
<path
fill="url(#c)"
d="M60 13a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v3h56z"
/>
<path fill="url(#d)" d="M4 18h56v6H4z" />
<path
fill="url(#e)"
d="M45 30a15 15 0 1 0 15 15 15.018 15.018 0 0 0-15-15zm-8 18a2 2 0 0 0 1.333-.509 1 1 0 1 1 1.334 1.489A4 4 0 0 1 33 46v-2a4 4 0 0 1 6.667-2.98 1 1 0 1 1-1.334 1.489A2 2 0 0 0 35 44v2a2 2 0 0 0 2 2zm11.937-6.649-3 8a1 1 0 0 1-1.874 0l-3-8a1 1 0 1 1 1.874-.7L45 46.152l2.063-5.5a1 1 0 1 1 1.874.7zm6 8a1 1 0 0 1-1.874 0l-3-8a1 1 0 1 1 1.874-.7L54 46.152l2.063-5.5a1 1 0 1 1 1.874.7z"
/>
</g>
</svg>
More icons in the same style and category