Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as protection, lock, 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="17.007"
x2="17.007"
y1="66.829"
y2="4.605"
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="50" x2="50" y1="66.829" y2="4.605" href="#a" />
<linearGradient
id="c"
x1="21.005"
x2="21.005"
y1="66.829"
y2="4.605"
href="#a"
/>
<linearGradient id="d" x1="14" x2="14" y1="66.829" y2="4.605" href="#a" />
<linearGradient
id="e"
x1="13.002"
x2="13.002"
y1="66.829"
y2="4.605"
href="#a"
/>
<linearGradient id="f" x1="32" x2="32" y1="66.829" y2="4.605" href="#a" />
<linearGradient id="g" x1="38" x2="38" y1="66.829" y2="4.605" href="#a" />
<linearGradient id="h" x1="26" x2="26" y1="66.829" y2="4.605" href="#a" />
<g>
<path fill="url(#a)" d="M16.005 10h2.005v6h-2.005z" />
<path fill="url(#b)" d="M48 24h4v2h-4z" />
<path
fill="url(#c)"
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(#d)" d="M12 24h4v2h-4z" />
<path
fill="url(#e)"
d="M12 11v1h2.005v-2H13a1 1 0 0 0-1 1zM12 15a1 1 0 0 0 1 1h1.005v-2H12z"
/>
<circle cx="32" cy="48" r="2" fill="url(#f)" />
<path
fill="url(#g)"
d="M40 24h-4v.76A11.313 11.313 0 0 1 38.3 26H40z"
/>
<path
fill="url(#f)"
d="M19 41v18a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V41a1 1 0 0 0-1-1H20a1 1 0 0 0-1 1zm13 3a3.992 3.992 0 0 1 1 7.858V55a1 1 0 0 1-2 0v-3.142A3.992 3.992 0 0 1 32 44z"
/>
<path
fill="url(#h)"
d="M28 24.76V24h-4v2h1.7a11.313 11.313 0 0 1 2.3-1.24z"
/>
<g fill="url(#f)">
<path d="M32 30a5 5 0 0 0-5 5v3h10v-3a5 5 0 0 0-5-5z" />
<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.18A3.01 3.01 0 0 1 20 38h1v-3a10.958 10.958 0 0 1 2.52-7H23a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1.19a10.621 10.621 0 0 1 4 0V23a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-.52A10.958 10.958 0 0 1 43 35v3h1a3.01 3.01 0 0 1 2.82 2H57a3.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 d="M23 38h2v-3a7 7 0 0 1 14 0v3h2v-3a9 9 0 0 0-18 0z" />
</g>
</g>
</svg>
More icons in the same style and category