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="-4 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="-49.824"
x2="438.288"
y1="449.128"
y2="-38.984"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-57.472"
x2="430.632"
y1="441.472"
y2="-46.632"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-45.472"
x2="442.632"
y1="453.472"
y2="-34.632"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-13.472"
x2="474.632"
y1="485.472"
y2="-2.632"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="18.528"
x2="506.632"
y1="517.472"
y2="29.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-17.472"
x2="470.632"
y1="481.472"
y2="-6.632"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="14.528"
x2="502.632"
y1="513.472"
y2="25.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="46.528"
x2="534.632"
y1="545.472"
y2="57.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="22.528"
x2="510.632"
y1="521.472"
y2="33.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="62.528"
x2="550.632"
y1="561.472"
y2="73.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="72.528"
x2="560.632"
y1="571.472"
y2="83.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="112.528"
x2="600.632"
y1="611.472"
y2="123.368"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="86.528"
x2="574.632"
y1="585.472"
y2="97.368"
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.254 0-24 10.746-24 24v344c0 13.254 10.746 24 24 24h208c13.254 0 24-10.746 24-24V128c0-13.254-10.746-24-24-24zM64 168h128a8 8 0 0 0 8-8v-16h8v32H48v-32h8v16a8 8 0 0 0 8 8zm8-152h112v136H72zm168 456a8 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"
/>
<path
fill="url(#l)"
d="M464 192H296c-13.254 0-24 10.746-24 24v96c0 13.254 10.746 24 24 24h168c13.254 0 24-10.746 24-24v-96c0-13.254-10.746-24-24-24zm-176 40h184v8H288zm8-24h168a8 8 0 0 1 8 8H288a8 8 0 0 1 8-8zm176 104a8 8 0 0 1-8 8H296a8 8 0 0 1-8-8v-56h184zm0 0"
/>
<path
fill="url(#m)"
d="M400 304h56a8 8 0 0 0 0-16h-56a8 8 0 0 0 0 16zm0 0"
/>
<path
fill="url(#n)"
d="M370.32 301.68a8.112 8.112 0 0 0 11.36 0 9.309 9.309 0 0 0 1.68-2.64c.41-.962.628-1.993.64-3.04a8.41 8.41 0 0 0-2.32-5.68 8.163 8.163 0 0 0-8.72-1.68 8.262 8.262 0 0 0-2.64 1.68A8.374 8.374 0 0 0 368 296a6.69 6.69 0 0 0 .64 3.04 9.309 9.309 0 0 0 1.68 2.64zm0 0"
/>
</svg>
More icons in the same style and category