Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as add, plus, 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="26"
x2="26"
y1="72.893"
y2="5.577"
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="72.893"
y2="5.577"
href="#a"
/>
<linearGradient id="c" x1="38" x2="38" y1="72.893" y2="5.577" href="#a" />
<linearGradient
id="d"
x1="17.008"
x2="17.008"
y1="72.893"
y2="5.577"
href="#a"
/>
<linearGradient
id="e"
x1="13.003"
x2="13.003"
y1="72.893"
y2="5.577"
href="#a"
/>
<linearGradient id="f" x1="14" x2="14" y1="72.893" y2="5.577" href="#a" />
<linearGradient id="g" x1="32" x2="32" y1="72.893" y2="5.577" href="#a" />
<linearGradient id="h" x1="50" x2="50" y1="72.893" y2="5.577" href="#a" />
<g>
<path fill="url(#a)" d="M24 24h4v2h-4z" />
<path
fill="url(#b)"
d="M21 10h-.99v2H22v-1a1 1 0 0 0-1-1zM20.01 16H21a1 1 0 0 0 1-1v-1h-1.99z"
/>
<path fill="url(#c)" d="M36 24h4v2h-4z" />
<path fill="url(#d)" d="M16.005 10h2.004v6h-2.004z" />
<path
fill="url(#e)"
d="M12 15a1 1 0 0 0 1 1h1.005v-2H12zM12 11v1h2.005v-2H13a1 1 0 0 0-1 1z"
/>
<path fill="url(#f)" d="M12 24h4v2h-4z" />
<g fill="url(#g)">
<path
d="M33 44v-6h-2v6a1 1 0 0 1-1 1h-6v2h6a1 1 0 0 1 1 1v6h2v-6a1 1 0 0 1 1-1h6v-2h-6a1 1 0 0 1-1-1z"
/>
<path
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.18a15.982 15.982 0 0 1 29.64 0H57a3.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 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
d="M32 32a14 14 0 1 0 14 14 14.015 14.015 0 0 0-14-14zm9 17h-6v6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-6h-6a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6v-6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1z"
/>
</g>
<path fill="url(#h)" d="M48 24h4v2h-4z" />
</g>
</svg>
More icons in the same style and category