Add icons to this collection by clicking the heart icon.
Credit Card icon - also known as business, pay, bill, invoice, credit card, 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"
>
<defs>
<linearGradient
id="a"
x1="-106.496"
x2="362.636"
y1="362.496"
y2="-106.636"
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="-82.496"
x2="386.636"
y1="386.496"
y2="-82.636"
href="#a"
/>
<linearGradient
id="c"
x1="-66.496"
x2="402.636"
y1="402.496"
y2="-66.636"
href="#a"
/>
<linearGradient
id="d"
x1="-66.746"
x2="402.386"
y1="402.246"
y2="-66.886"
href="#a"
/>
<linearGradient
id="e"
x1="-40.496"
x2="428.636"
y1="428.496"
y2="-40.636"
href="#a"
/>
<linearGradient
id="f"
x1="24.436"
x2="493.568"
y1="493.428"
y2="24.296"
href="#a"
/>
<linearGradient
id="g"
x1="151.504"
x2="620.636"
y1="620.496"
y2="151.364"
href="#a"
/>
<linearGradient
id="h"
x1="75.504"
x2="544.636"
y1="544.496"
y2="75.364"
href="#a"
/>
<linearGradient
id="i"
x1="91.504"
x2="560.636"
y1="560.496"
y2="91.364"
href="#a"
/>
<linearGradient
id="j"
x1="107.504"
x2="576.636"
y1="576.496"
y2="107.364"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M48 176h112a8 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-32h96v16H56Z"
/>
<path fill="url(#b)" d="M48 208h112a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Z" />
<path fill="url(#c)" d="M48 240h112a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Z" />
<path
fill="url(#d)"
d="M103 264a8 8 0 0 0-8-8H48a8 8 0 0 0 0 16h47a8 8 0 0 0 8-8Z"
/>
<path fill="url(#e)" d="M128 256h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16Z" />
<path
fill="url(#f)"
d="M476 144H264v-16a48.07 48.07 0 0 0-38.33-47.02l-.31-.06A48.153 48.153 0 0 0 216 80H56a48.051 48.051 0 0 0-48 48v216a8 8 0 0 0 8 8h25a8.037 8.037 0 0 0 5.84-2.53l9.35-9.97 7.81 7.81V404a28.031 28.031 0 0 0 28 28h384a28.031 28.031 0 0 0 28-28V172a28.031 28.031 0 0 0-28-28Zm-276-16a32.1 32.1 0 0 1 24-30.99A32.069 32.069 0 0 1 248 128v16h-48ZM72 332.69l-10.34-10.35a8.008 8.008 0 0 0-11.5.19L37.53 336H24V128a32.036 32.036 0 0 1 32-32h140.27A48 48 0 0 0 184 128v208h-12.69l-13.65-13.66a8.015 8.015 0 0 0-11.32 0L136 332.69l-10.34-10.35a8.015 8.015 0 0 0-11.32 0L104 332.69l-10.34-10.35a8.015 8.015 0 0 0-11.32 0ZM488 404a12.01 12.01 0 0 1-12 12H92a12.01 12.01 0 0 1-12-12v-56.69l8-8 10.34 10.35a8.015 8.015 0 0 0 11.32 0L120 339.31l10.34 10.35a8.015 8.015 0 0 0 11.32 0L152 339.31l10.34 10.35A8.008 8.008 0 0 0 168 352h24a8 8 0 0 0 8-8v-80h288Zm0-156H200v-40h288Zm0-56H200v-32h276a12.01 12.01 0 0 1 12 12Z"
/>
<path
fill="url(#g)"
d="M464 320H360a8 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(#h)" d="M336 320h-88a8 8 0 0 0 0 16h88a8 8 0 0 0 0-16Z" />
<path fill="url(#i)" d="M336 352h-88a8 8 0 0 0 0 16h88a8 8 0 0 0 0-16Z" />
<path fill="url(#j)" d="M336 384h-88a8 8 0 0 0 0 16h88a8 8 0 0 0 0-16Z" />
</svg>
More icons in the same style and category