Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as money, finance, commerce, payment, shopping, credit card, atm card, bitcoin, 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="11.002"
x2="11.002"
y1="62.354"
y2="14.925"
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="15.007"
x2="15.007"
y1="62.354"
y2="14.925"
href="#a"
/>
<linearGradient id="c" x1="31" x2="31" y1="62.354" y2="14.925" href="#a" />
<linearGradient
id="d"
x1="19.005"
x2="19.005"
y1="62.354"
y2="14.925"
href="#a"
/>
<linearGradient id="e" x1="11" x2="11" y1="62.354" y2="14.925" href="#a" />
<linearGradient id="f" x1="19" x2="19" y1="62.354" y2="14.925" href="#a" />
<linearGradient id="g" x1="48" x2="48" y1="62.354" y2="14.925" href="#a" />
<linearGradient id="h" x1="32" x2="32" y1="62.354" y2="14.925" href="#a" />
<linearGradient id="i" x1="47" x2="47" y1="62.354" y2="14.925" href="#a" />
<linearGradient id="j" x1="27" x2="27" y1="62.354" y2="14.925" href="#a" />
<g>
<path fill="url(#a)" d="M10 21v1h2.005v-2H11a1 1 0 0 0-1 1z" />
<path fill="url(#b)" d="M14.005 20h2.005v6h-2.005z" />
<circle cx="31" cy="24" r="1" fill="url(#c)" />
<path fill="url(#d)" d="M18.01 26H19a1 1 0 0 0 1-1v-1h-1.99z" />
<path fill="url(#a)" d="M10 25a1 1 0 0 0 1 1h1.005v-2H10z" />
<path fill="url(#e)" d="M10 42h2v2h-2z" />
<path fill="url(#f)" d="M18 42h2v2h-2z" />
<path fill="url(#d)" d="M19 20h-.99v2H20v-1a1 1 0 0 0-1-1z" />
<path fill="url(#g)" d="M50 33h-5v2h5a1 1 0 0 0 0-2z" />
<path
fill="url(#h)"
d="M60 17a3.009 3.009 0 0 0-3-3H7a3.009 3.009 0 0 0-3 3v30a3.009 3.009 0 0 0 3 3h50a3.009 3.009 0 0 0 3-3zM14 45a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm8 0a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm0-20a3 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 3zm25 18a11.014 11.014 0 0 1-9.79-6H34.5l-1 1.34A3.059 3.059 0 0 1 34 40a3 3 0 1 1-3-3 2.914 2.914 0 0 1 .89.15l1.31-1.75a1.014 1.014 0 0 1 .8-.4h2.43a10.244 10.244 0 0 1-.38-2h-6.23a3 3 0 1 1 0-2h6.23a10.244 10.244 0 0 1 .38-2H34a1.014 1.014 0 0 1-.8-.4l-1.31-1.75A2.914 2.914 0 0 1 31 27a3 3 0 1 1 3-3 3.059 3.059 0 0 1-.5 1.66l1 1.34h2.71A11 11 0 1 1 47 43z"
/>
<path
fill="url(#i)"
d="M47 23a9 9 0 1 0 9 9 9.014 9.014 0 0 0-9-9zm3 14h-1v1a1 1 0 0 1-2 0v-1h-1v1a1 1 0 0 1-2 0v-1h-2a1 1 0 0 1 0-2h1v-6h-1a1 1 0 0 1 0-2h2v-1a1 1 0 0 1 2 0v1h1v-1a1 1 0 0 1 2 0v1a1.01 1.01 0 0 1-.03.17 2.982 2.982 0 0 1 1.81 3.95A2.99 2.99 0 0 1 50 37z"
/>
<circle cx="31" cy="40" r="1" fill="url(#c)" />
<circle cx="27" cy="32" r="1" fill="url(#j)" />
<path fill="url(#i)" d="M49 30a1 1 0 0 0-1-1h-3v2h3a1 1 0 0 0 1-1z" />
</g>
</svg>
More icons in the same style and category