Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as broken, bank, payment method, commerce and shopping, credit card, credit card payment, 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="41"
x2="41"
y1="64.369"
y2="13.418"
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="53" x2="53" y1="64.369" y2="13.418" href="#a" />
<linearGradient
id="c"
x1="48.225"
x2="48.225"
y1="64.369"
y2="13.418"
href="#a"
/>
<linearGradient
id="d"
x1="49.16"
x2="49.16"
y1="64.369"
y2="13.418"
href="#a"
/>
<linearGradient
id="e"
x1="45.14"
x2="45.14"
y1="64.369"
y2="13.418"
href="#a"
/>
<linearGradient
id="f"
x1="17.785"
x2="17.785"
y1="64.369"
y2="13.418"
href="#a"
/>
<linearGradient id="g" x1="17" x2="17" y1="64.369" y2="13.418" href="#a" />
<linearGradient
id="h"
x1="18.86"
x2="18.86"
y1="64.369"
y2="13.418"
href="#a"
/>
<linearGradient
id="i"
x1="16.85"
x2="16.85"
y1="64.369"
y2="13.418"
href="#a"
/>
<g>
<path fill="url(#a)" d="M43 40h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path fill="url(#b)" d="M55 40h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M60 20H37.79l-1.08 4-.26 1H60z" />
<path
fill="url(#d)"
d="M60 15a3.009 3.009 0 0 0-3-3H39.93l-1.61 6H60z"
/>
<path
fill="url(#e)"
d="M60 27H35.91l-5.63 21H57a3.009 3.009 0 0 0 3-3zM43 44h-4a3 3 0 0 1 0-6h4a3 3 0 0 1 0 6zm12 0h-4a3 3 0 0 1 0-6h4a3 3 0 0 1 0 6z"
/>
<path fill="url(#f)" d="M31.57 24H4v5h26.23z" />
<path fill="url(#g)" d="M10 35h14v2H10z" />
<path fill="url(#h)" d="M4 22h28.11l1.61-6H7a3.009 3.009 0 0 0-3 3z" />
<path
fill="url(#i)"
d="M4 49a3.009 3.009 0 0 0 3 3h17.07l5.63-21H4zm4-15a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zm1 8h10a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm0 4h10a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2z"
/>
</g>
</svg>
More icons in the same style and category