Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as pay, commerce, service, debit card, payment method, credit card, electronics, point of service, and business and finance. Created in a clean lineal 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="496pt"
height="496pt"
viewBox="-120 0 496 496"
>
<linearGradient id="a">
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-99.504"
x2="390.704"
y1="498.808"
y2="8.6"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-107.152"
x2="383.056"
y1="491.152"
y2=".944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-95.152"
x2="395.056"
y1="503.152"
y2="12.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-63.152"
x2="427.056"
y1="535.152"
y2="44.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-31.152"
x2="459.056"
y1="567.152"
y2="76.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-67.152"
x2="423.056"
y1="531.152"
y2="40.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-35.152"
x2="455.056"
y1="563.152"
y2="72.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-3.152"
x2="487.056"
y1="595.152"
y2="104.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-27.152"
x2="463.056"
y1="571.152"
y2="80.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="12.848"
x2="503.056"
y1="611.152"
y2="120.944"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M232 104h-32V8a8 8 0 0 0-8-8H64a8 8 0 0 0-8 8v96H24c-13.238.04-23.96 10.762-24 24v344c.04 13.238 10.762 23.96 24 24h208c13.238-.04 23.96-10.762 24-24V128c-.04-13.238-10.762-23.96-24-24zM72 16h112v136H72zm-8 152h128a8 8 0 0 0 8-8v-16h8v32H48v-32h8v16a8 8 0 0 0 8 8zm176 304a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V128a8 8 0 0 1 8-8h32v8H40a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-16v-8h32a8 8 0 0 1 8 8zm0 0"
/>
<path
fill="url(#c)"
d="M216 200H40a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8zm-8 96H48v-80h160zm0 0"
/>
<path
fill="url(#d)"
d="M48 368h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16H56zm0 0"
/>
<path
fill="url(#e)"
d="M112 368h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8zm8-32h16v16h-16zm0 0"
/>
<path
fill="url(#f)"
d="M208 320h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16zm0 0"
/>
<path
fill="url(#g)"
d="M40 416a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8H48a8 8 0 0 0-8 8zm16-24h16v16H56zm0 0"
/>
<path
fill="url(#h)"
d="M152 384a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8zm-16 24h-16v-16h16zm0 0"
/>
<path
fill="url(#i)"
d="M208 376h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32h-16v-16h16zm0 0"
/>
<path
fill="url(#j)"
d="M136 448H40a8 8 0 0 0 0 16h96a8 8 0 0 0 0-16zm0 0"
/>
<path
fill="url(#k)"
d="M176 448h-16a8 8 0 0 0 0 16h16a8 8 0 0 0 0-16zm0 0"
/>
</svg>
More icons in the same style and category