Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as banking, bank, payment, debit card, payment method, commerce and shopping, credit card, money card, online store, business and finance, and hands and gestures. 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="640"
height="640"
viewBox="0 -144 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#47c0bb" />
<stop offset="1" stop-color="#0063ae" />
</linearGradient>
<linearGradient
id="b"
x1="-8"
x2="497.016"
y1="96"
y2="96"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-8"
x2="497.016"
y1="88"
y2="88"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-8"
x2="497.016"
y1="72"
y2="72"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-8"
x2="497.016"
y1="152"
y2="152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M472 32H307.312L277.656 2.344A8.001 8.001 0 0 0 272 0H168c-.914 0-1.824.156-2.688.465L54.61 40H8a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h136a7.894 7.894 0 0 0 3.152-.648L192 132.129V184a8 8 0 0 0 8 8h272a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8zM48 136H16V56h32zm94.398 0H64V53.602L169.383 16h99.304l16 16H200a8 8 0 0 0-8 8v32h-32v16h80a8 8 0 0 1 8 8v8a8 8 0 0 1-8 8h-40a7.894 7.894 0 0 0-3.152.648zM208 128h32c13.254 0 24-10.746 24-24v-8c0-13.254-10.746-24-24-24h-32V48h256v96h-56a8 8 0 0 0-8 8v24H208zm256 48h-48v-16h48zm0 0"
/>
<path
fill="url(#c)"
d="M424 112c13.254 0 24-10.746 24-24s-10.746-24-24-24-24 10.746-24 24 10.746 24 24 24zm0-32a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 0"
/>
<g fill="url(#d)">
<path d="M272 64h32v16h-32zM320 64h32v16h-32zM368 64h16v16h-16zm0 0" />
</g>
<path
fill="url(#e)"
d="M256 144h48v16h-48zM320 144h16v16h-16zM352 144h16v16h-16zm0 0"
/>
</svg>
More icons in the same style and category