Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as fire, pay, commerce, sale, payment, discount, 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="50"
x2="50"
y1="69.436"
y2="5.952"
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="21.005"
x2="21.005"
y1="69.436"
y2="5.952"
href="#a"
/>
<linearGradient id="c" x1="32" x2="32" y1="69.436" y2="5.952" href="#a" />
<linearGradient id="d" x1="14" x2="14" y1="69.436" y2="5.952" href="#a" />
<linearGradient id="e" x1="28" x2="28" y1="69.436" y2="5.952" href="#a" />
<linearGradient
id="f"
x1="13.003"
x2="13.003"
y1="69.436"
y2="5.952"
href="#a"
/>
<linearGradient
id="g"
x1="17.008"
x2="17.008"
y1="69.436"
y2="5.952"
href="#a"
/>
<linearGradient id="h" x1="26" x2="26" y1="69.436" y2="5.952" href="#a" />
<linearGradient id="i" x1="38" x2="38" y1="69.436" y2="5.952" href="#a" />
<linearGradient id="j" x1="36" x2="36" y1="69.436" y2="5.952" href="#a" />
<g>
<path fill="url(#a)" d="M48 24h4v2h-4z" />
<path fill="url(#b)" d="M21 10h-.99v2H22v-1a1 1 0 0 0-1-1z" />
<path
fill="url(#c)"
d="M60 7a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v30a3.009 3.009 0 0 0 3 3h10.02a13.527 13.527 0 0 1 2.09-4.41A55.227 55.227 0 0 1 25.24 28H23a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v.39c.79-.69 1.29-1.1 1.37-1.17a1 1 0 0 1 1.32.06s.49.47 1.31 1.28V23a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4.26a8.755 8.755 0 0 1 .3 1.82l.83-.69a1 1 0 0 1 1.4.12 67.767 67.767 0 0 1 6.27 8.38A8.715 8.715 0 0 1 46.56 40H57a3.009 3.009 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 1zm6-12a3 3 0 0 1-3 3h-8a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3zm30 12a1 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(#d)" d="M12 24h4v2h-4z" />
<circle cx="28" cy="44" r="1" fill="url(#e)" />
<path
fill="url(#f)"
d="M12 15a1 1 0 0 0 1 1h1.005v-2H12zM12 11v1h2.005v-2H13a1 1 0 0 0-1 1z"
/>
<path fill="url(#g)" d="M16.005 10h2.004v6h-2.004z" />
<path fill="url(#b)" d="M20.01 16H21a1 1 0 0 0 1-1v-1h-1.99z" />
<path
fill="url(#c)"
d="m46.96 46.3-1.59.63a1 1 0 0 1-1.27-1.38 7.106 7.106 0 0 0-.26-6.87 63.3 63.3 0 0 0-5.45-7.38l-1.75 1.47a1.012 1.012 0 0 1-1.08.13 1.025 1.025 0 0 1-.56-.94l.05-1.34a7.018 7.018 0 0 0-1.99-5.17c-.45-.45-.82-.82-1.11-1.1a65.412 65.412 0 0 0-11.16 12.34c-1.5 2.28-2.64 4.37-1.37 6.91l.48.96a1 1 0 0 1-1.22 1.39L17 45.39v1.16c0 7.64 5.74 13.04 14.28 13.43 4.77.23 9.16-1.22 12.02-3.95A12.141 12.141 0 0 0 47 47a5.582 5.582 0 0 0-.04-.7zM32 58a11 11 0 1 1 11-11 11.013 11.013 0 0 1-11 11z"
/>
<path
fill="url(#c)"
d="M32 38a9 9 0 1 0 9 9 9.011 9.011 0 0 0-9-9zm-7 6a3 3 0 1 1 3 3 3 3 0 0 1-3-3zm4.857 8.515a1 1 0 0 1-1.714-1.03l6-10a1 1 0 1 1 1.714 1.03zM36 53a3 3 0 1 1 3-3 3 3 0 0 1-3 3z"
/>
<path fill="url(#h)" d="M28 24h-4v2h3.2c.28-.27.54-.53.8-.77z" />
<path fill="url(#i)" d="M36 24h4v2h-4z" />
<circle cx="36" cy="50" r="1" fill="url(#j)" />
</g>
</svg>
More icons in the same style and category