Add icons to this collection by clicking the heart icon.
Payment Method icon - also known as debit card, payment method, credit card, card reader, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-91.958"
x2="400.985"
y1="395.958"
y2="-96.985"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-15.958"
x2="476.985"
y1="471.958"
y2="-20.985"
href="#a"
/>
<linearGradient
id="c"
x1="-55.958"
x2="436.985"
y1="431.958"
y2="-60.985"
href="#a"
/>
<linearGradient
id="d"
x1="24.042"
x2="516.985"
y1="511.958"
y2="19.015"
href="#a"
/>
<linearGradient
id="e"
x1="64.042"
x2="556.985"
y1="551.958"
y2="59.015"
href="#a"
/>
<linearGradient
id="f"
x1="104.042"
x2="596.985"
y1="591.958"
y2="99.015"
href="#a"
/>
<linearGradient
id="g"
x1="88.042"
x2="580.985"
y1="575.958"
y2="83.015"
href="#a"
/>
<linearGradient
id="h"
x1="-13.958"
x2="478.985"
y1="473.958"
y2="-18.985"
href="#a"
/>
<path
fill="url(#a)"
d="M88 184h208a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8H88a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8zm8-128h192v112H96z"
/>
<path
fill="url(#b)"
d="M168 296h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h32v32h-32z"
/>
<path
fill="url(#c)"
d="M88 296h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H88a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h32v32H96z"
/>
<path
fill="url(#d)"
d="M296 232h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zm-8 48h-32v-32h32zM168 376h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h32v32h-32z"
/>
<path
fill="url(#b)"
d="M88 376h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8H88a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h32v32H96z"
/>
<path
fill="url(#e)"
d="M296 312h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zm-8 48h-32v-32h32zM168 456h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8zm8-48h32v32h-32z"
/>
<path
fill="url(#d)"
d="M144 400a8 8 0 0 0-8-8H88a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8zm-16 40H96v-32h32z"
/>
<path
fill="url(#f)"
d="M296 392h-48a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h48a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8zm-8 48h-32v-32h32z"
/>
<path fill="url(#g)" d="M232 464h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z" />
<path
fill="url(#h)"
d="M436 112h-76V88a8 8 0 0 0-8-8h-16V36a28.031 28.031 0 0 0-28-28H76a28.031 28.031 0 0 0-28 28v440a28.031 28.031 0 0 0 28 28h232a28.031 28.031 0 0 0 28-28v-44h16a8 8 0 0 0 8-8v-24h76a28.031 28.031 0 0 0 28-28V140a28.031 28.031 0 0 0-28-28zM320 476a12.01 12.01 0 0 1-12 12H76a12.01 12.01 0 0 1-12-12V216h256zm0-276H64V36a12.01 12.01 0 0 1 12-12h232a12.01 12.01 0 0 1 12 12zm24 216h-8V96h8zm40-32h-24V128h24zm32 0h-16V128h16zm32-12a12.01 12.01 0 0 1-12 12h-4V128h4a12.01 12.01 0 0 1 12 12z"
/>
</svg>
More icons in the same style and category