Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as commerce, payment, cancel, shopping, credit card, atm card, business and finance, reject, and declined. 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="38"
x2="38"
y1="69.002"
y2="6.156"
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="26" x2="26" y1="69.002" y2="6.156" href="#a" />
<linearGradient
id="c"
x1="21.005"
x2="21.005"
y1="69.002"
y2="6.156"
href="#a"
/>
<linearGradient
id="d"
x1="13.003"
x2="13.003"
y1="69.002"
y2="6.156"
href="#a"
/>
<linearGradient
id="e"
x1="17.008"
x2="17.008"
y1="69.002"
y2="6.156"
href="#a"
/>
<linearGradient id="f" x1="14" x2="14" y1="69.002" y2="6.156" href="#a" />
<linearGradient
id="g"
x1="28.975"
x2="28.975"
y1="69.002"
y2="6.156"
href="#a"
/>
<linearGradient
id="h"
x1="34.368"
x2="34.368"
y1="69.002"
y2="6.156"
href="#a"
/>
<linearGradient id="i" x1="32" x2="32" y1="69.002" y2="6.156" href="#a" />
<linearGradient id="j" x1="50" x2="50" y1="69.002" y2="6.156" href="#a" />
<g>
<path fill="url(#a)" d="M36 24h4v2h-4z" />
<path fill="url(#b)" d="M24 24h4v2h-4z" />
<path
fill="url(#c)"
d="M20.01 16H21a1 1 0 0 0 1-1v-1h-1.99zM21 10h-.99v2H22v-1a1 1 0 0 0-1-1z"
/>
<path
fill="url(#d)"
d="M12 15a1 1 0 0 0 1 1h1.005v-2H12zM12 11v1h2.005v-2H13a1 1 0 0 0-1 1z"
/>
<path fill="url(#e)" d="M16.005 10h2.004v6h-2.004z" />
<path fill="url(#f)" d="M12 24h4v2h-4z" />
<path
fill="url(#g)"
d="M22 46a10.014 10.014 0 0 0 13.95 9.194L22.812 42.047A9.979 9.979 0 0 0 22 46z"
/>
<path
fill="url(#h)"
d="M32 36a9.883 9.883 0 0 0-5.264 1.492l13.772 13.772A9.883 9.883 0 0 0 42 46a10.011 10.011 0 0 0-10-10z"
/>
<path
fill="url(#i)"
d="M32 32a14 14 0 1 0 14 14 14.015 14.015 0 0 0-14-14zm6.141 24.32a12.006 12.006 0 0 1-16.449-16.465 1 1 0 0 1 1.565-.192l15.08 15.09a1 1 0 0 1-.2 1.567zm3.283-2.889a1 1 0 0 1-.726.378h-.058a1 1 0 0 1-.707-.293l-15.45-15.45a1 1 0 0 1 .086-1.491 12 12 0 0 1 16.855 16.856z"
/>
<path
fill="url(#i)"
d="M60 7a3 3 0 0 0-3-3H7a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h10.178a15.985 15.985 0 0 1 29.644 0H57a3 3 0 0 0 3-3zM18 27a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm-5-9a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3zm17 9a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm12 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1zm12 0a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"
/>
<path fill="url(#j)" d="M48 24h4v2h-4z" />
</g>
</svg>
More icons in the same style and category