Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as online, pay, commerce, payment, shopping, credit card, atm card, and business and finance. 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="19"
x2="19"
y1="70.138"
y2="5.275"
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="32" x2="32" y1="70.138" y2="5.275" href="#a" />
<linearGradient id="c" x1="53" x2="53" y1="70.138" y2="5.275" href="#a" />
<g>
<path fill="url(#a)" d="M10 23h18v2H10z" />
<path
fill="url(#b)"
d="M60 19H4v18a3.009 3.009 0 0 0 3 3h8.75a17 17 0 0 1 32.5 0H57a3.009 3.009 0 0 0 3-3zM16 36H9a1 1 0 0 1 0-2h7a1 1 0 0 1 0 2zm3-4H9a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zm11-6a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1zm25 10h-4a3 3 0 0 1 0-6h4a3 3 0 0 1 0 6z"
/>
<path fill="url(#c)" d="M55 32h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<g fill="url(#b)">
<path
d="M32 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 0 1 1.334 1.49A4 4 0 0 1 20 46v-2a4 4 0 0 1 6.667-2.981 1 1 0 0 1-1.334 1.49A2 2 0 0 0 22 44v2a2 2 0 0 0 2 2zm8-4c2.243 0 4 1.318 4 3s-1.757 3-4 3-4-1.318-4-3a1 1 0 0 1 2 0c0 .408.779 1 2 1s2-.592 2-1-.779-1-2-1c-2.243 0-4-1.318-4-3s1.757-3 4-3 4 1.318 4 3a1 1 0 0 1-2 0c0-.408-.779-1-2-1s-2 .592-2 1 .779 1 2 1zm11.667 4.981A4 4 0 0 1 37 46v-2a4 4 0 0 1 6.667-2.981 1 1 0 1 1-1.334 1.49A2 2 0 0 0 39 44v2a2 2 0 0 0 3.333 1.491 1 1 0 1 1 1.334 1.49zM60 7a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v3h56zM4 12h56v5H4z"
/>
</g>
</g>
</svg>
More icons in the same style and category