Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, payment, shopping, credit card, atm card, business and finance, reject, and declined. Created in a clean 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="32"
x2="32"
y1="65.51"
y2="3.743"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="14" x2="14" y1="65.51" y2="3.743" href="#a" />
<linearGradient id="c" x1="26" x2="26" y1="65.51" y2="3.743" href="#a" />
<linearGradient id="d" x1="38" x2="38" y1="65.51" y2="3.743" href="#a" />
<linearGradient id="e" x1="50" x2="50" y1="65.51" y2="3.743" href="#a" />
<linearGradient id="f" x1="17" x2="17" y1="65.51" y2="3.743" href="#a" />
<g>
<path
fill="url(#a)"
d="M57 2H7a5.006 5.006 0 0 0-5 5v30a5.006 5.006 0 0 0 5 5h9.527a16 16 0 1 0 30.946 0H57a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zM32 60a14 14 0 1 1 14-14 14.015 14.015 0 0 1-14 14zm28-23a3 3 0 0 1-3 3H46.822a15.985 15.985 0 0 0-29.644 0H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3z"
/>
<path
fill="url(#b)"
d="M17 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4z"
/>
<path
fill="url(#c)"
d="M29 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4z"
/>
<path
fill="url(#d)"
d="M41 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4z"
/>
<path
fill="url(#e)"
d="M53 22h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4z"
/>
<path
fill="url(#f)"
d="M24 15v-4a3 3 0 0 0-3-3h-8a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3zm-2-4v1h-1.99v-2H21a1 1 0 0 1 1 1zm-6-1h2.01v6h-2.005zm-3 0h1.005v2H12v-1a1 1 0 0 1 1-1zm-1 5v-1h2.005v2H13a1 1 0 0 1-1-1zm9 1h-.99v-2H22v1a1 1 0 0 1-1 1z"
/>
<path
fill="url(#a)"
d="m40.485 40.343-2.828-2.828a1 1 0 0 0-1.414 0L32 41.757l-4.243-4.242a1 1 0 0 0-1.414 0l-2.828 2.828a1 1 0 0 0 0 1.414L27.757 46l-4.242 4.243a1 1 0 0 0 0 1.414l2.828 2.828a1 1 0 0 0 1.414 0L32 50.243l4.243 4.242a1 1 0 0 0 1.414 0l2.828-2.828a1 1 0 0 0 0-1.414L36.243 46l4.242-4.243a1 1 0 0 0 0-1.414zm-6.363 4.95a1 1 0 0 0 0 1.414l4.242 4.243-1.414 1.414-4.243-4.242a1 1 0 0 0-1.414 0l-4.243 4.242-1.414-1.414 4.242-4.243a1 1 0 0 0 0-1.414l-4.242-4.243 1.414-1.414 4.243 4.242a1 1 0 0 0 1.414 0l4.243-4.242 1.414 1.414z"
/>
</g>
</svg>
More icons in the same style and category