Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as payment, discount, sales, percentage, commerce and shopping, credit card, percent, and black friday. 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="11.151"
x2="518.849"
y1="500.849"
y2="-6.849"
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="-28.849"
x2="478.849"
y1="460.849"
y2="-46.849"
href="#a"
/>
<linearGradient
id="c"
x1="-52.849"
x2="454.849"
y1="436.849"
y2="-70.849"
href="#a"
/>
<linearGradient
id="d"
x1="-4.849"
x2="502.849"
y1="484.849"
y2="-22.849"
href="#a"
/>
<linearGradient
id="e"
x1="137.151"
x2="644.849"
y1="626.849"
y2="119.151"
href="#a"
/>
<linearGradient
id="f"
x1="55.151"
x2="562.849"
y1="544.849"
y2="37.151"
href="#a"
/>
<linearGradient
id="g"
x1="79.151"
x2="586.849"
y1="568.849"
y2="61.151"
href="#a"
/>
<linearGradient
id="h"
x1="107.151"
x2="614.849"
y1="596.849"
y2="89.151"
href="#a"
/>
<path
fill="url(#a)"
d="M476 88H36a28.031 28.031 0 0 0-28 28v280a28.031 28.031 0 0 0 28 28h440a28.031 28.031 0 0 0 28-28V116a28.031 28.031 0 0 0-28-28zm12 308a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12V240h464zm0-172H24v-64h464zm0-80H24v-28a12.01 12.01 0 0 1 12-12h440a12.01 12.01 0 0 1 12 12z"
/>
<path
fill="url(#b)"
d="m90.343 330.343-48 48a8 8 0 0 0 11.314 11.314l48-48a8 8 0 0 0-11.314-11.314z"
/>
<circle cx="48" cy="336" r="8" fill="url(#c)" />
<circle cx="96" cy="384" r="8" fill="url(#d)" />
<path
fill="url(#e)"
d="M464 312H360a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h104a8 8 0 0 0 8-8v-64a8 8 0 0 0-8-8zm-8 64h-88v-48h88z"
/>
<path fill="url(#f)" d="M336 312H224a8 8 0 0 0 0 16h112a8 8 0 0 0 0-16z" />
<path fill="url(#g)" d="M336 344h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16z" />
<path fill="url(#h)" d="M336 376h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" />
</svg>
More icons in the same style and category