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, cvv, 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="53"
x2="53"
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="19" x2="19" y1="70.138" y2="5.275" href="#a" />
<linearGradient id="c" x1="32" x2="32" y1="70.138" y2="5.275" href="#a" />
<g>
<path fill="url(#a)" d="M55 32h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path fill="url(#b)" d="M10 23h18v2H10z" />
<g fill="url(#c)">
<path
d="M60 7a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v3h56zM60 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 6zM4 12h56v5H4z"
/>
<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 2zm11.937-6.649-3 8a1 1 0 0 1-1.874 0l-3-8a1 1 0 1 1 1.874-.7L32 46.152l2.063-5.5a1 1 0 0 1 1.874.7zm6 8a1 1 0 0 1-1.874 0l-3-8a1 1 0 1 1 1.874-.7L41 46.152l2.063-5.5a1 1 0 0 1 1.874.7z"
/>
</g>
</g>
</svg>
More icons in the same style and category