Add icons to this collection by clicking the heart icon.
Payment icon - also known as button, payment, debit card, credit, payment method, ui, commerce and shopping, credit card, business and finance, ui design, and user interface. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="9.49"
x2="54.51"
y1="14.73"
y2="14.73"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0170fe" />
<stop offset=".38" stop-color="#035ed4" />
<stop offset=".79" stop-color="#044dad" />
<stop offset="1" stop-color="#05479e" />
</linearGradient>
<linearGradient
id="b"
x1="15.64"
x2="48.14"
y1="34.58"
y2="34.58"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M46.11 7.5H17.89c-7.55.35-8.82 6.7-8.3 13a1.5 1.5 0 0 0 3 0c-.16-4.26-.44-9.78 5.3-10h28.22c5.72.22 5.47 5.74 5.3 10a1.5 1.5 0 0 0 3 0c.52-6.3-.73-12.64-8.3-13z"
/>
<path
fill="url(#b)"
d="M42.39 12.73c-35 .09-25-4.72-26.53 38a5.76 5.76 0 0 0 5.75 5.75h14.57c5 0 11.52 1.15 12-5.75V18.48a5.76 5.76 0 0 0-5.79-5.75zm-23.53 38V18.48a2.75 2.75 0 0 1 2.75-2.75h13.07V53.5H21.61a2.75 2.75 0 0 1-2.75-2.75zm18.82 2.77V15.73h1.18V53.5zm7.46-2.75a2.85 2.85 0 0 1-3.28 2.75V15.73a2.84 2.84 0 0 1 3.28 2.75z"
/>
</g>
</svg>
More icons in the same style and category