Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as smartphone, debit card, payment method, credit card, online payment, ecommerce, business and finance, mobile banking, and cashless payment. Created in a clean flat 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="26"
x2="26"
y1="12"
y2="52"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#35c1f1" />
<stop offset="1" stop-color="#007ad9" />
</linearGradient>
<linearGradient
id="b"
x1="39"
x2="39"
y1="24"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd91c" />
<stop offset="1" stop-color="#feb805" />
</linearGradient>
<linearGradient
id="c"
x1="39"
x2="39"
y1="28"
y2="36"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#dee2e4" />
</linearGradient>
<path
fill="url(#a)"
d="M12 20h28v24H12zm0 27a5.006 5.006 0 0 0 5 5h18a5.006 5.006 0 0 0 5-5v-1H12zm23-35H17a5.006 5.006 0 0 0-5 5v1h28v-1a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="url(#b)"
d="M52 26v12a2 2 0 0 1-2 2H28a2 2 0 0 1-2-2V26a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2z"
/>
<path
fill="url(#c)"
d="M32.5 30H31a1 1 0 0 1 0-2h1.5a1 1 0 0 1 0 2zm11.4-1a1 1 0 0 0-1-1h-2.6a1 1 0 0 0 0 2h2.6a1 1 0 0 0 1-1zm-5.2 0a1 1 0 0 0-1-1h-2.6a1 1 0 1 0 0 2h2.6a1 1 0 0 0 1-1zm9.3 0a1 1 0 0 0-1-1h-1.5a1 1 0 0 0 0 2H47a1 1 0 0 0 1-1zm-2 3a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
/>
</svg>
More icons in the same style and category