Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as smartphone, currency, banking, payment method, online payment, mobile payment, accounting, business and finance, and Bussiness and Finance. 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="16"
x2="16"
y1="63.457"
y2=".247"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="22" x2="22" y1="63.457" y2=".247" href="#a" />
<linearGradient id="c" x1="42" x2="42" y1="63.457" y2=".247" href="#a" />
<linearGradient id="d" x1="54" x2="54" y1="63.457" y2=".247" href="#a" />
<linearGradient id="e" x1="57" x2="57" y1="63.457" y2=".247" href="#a" />
<linearGradient id="f" x1="53" x2="53" y1="63.457" y2=".247" href="#a" />
<linearGradient id="g" x1="49" x2="49" y1="63.457" y2=".247" href="#a" />
<linearGradient id="h" x1="39" x2="39" y1="63.457" y2=".247" href="#a" />
<linearGradient id="i" x1="43" x2="43" y1="63.457" y2=".247" href="#a" />
<linearGradient id="j" x1="47" x2="47" y1="63.457" y2=".247" href="#a" />
<linearGradient id="k" x1="32" x2="32" y1="63.457" y2=".247" href="#a" />
<linearGradient id="l" x1="48" x2="48" y1="63.457" y2=".247" href="#a" />
<g>
<path fill="url(#a)" d="M15 6h2v2h-2z" />
<path fill="url(#b)" d="M19 6h6v2h-6zM21 56h2v2h-2z" />
<path
fill="url(#c)"
d="M39 46h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h4v2h-4z"
/>
<path
fill="url(#d)"
d="M53 50h2a3 3 0 0 0 0-6h-2a3 3 0 0 0 0 6zm0-4h2a1 1 0 0 1 0 2h-2a1 1 0 0 1 0-2z"
/>
<path fill="url(#e)" d="M56 40h2v2h-2z" />
<path fill="url(#f)" d="M52 40h2v2h-2z" />
<path fill="url(#g)" d="M48 40h2v2h-2z" />
<path fill="url(#h)" d="M38 48h2v2h-2z" />
<path fill="url(#i)" d="M42 48h2v2h-2z" />
<path fill="url(#j)" d="M46 48h2v2h-2z" />
<path
fill="url(#b)"
d="M21 29h2a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v-1h-2v1a3 3 0 0 0 0 6h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3v1h2v-1a3 3 0 0 0 0-6h-2a1 1 0 0 1 0-2z"
/>
<path
fill="url(#k)"
d="M59 28a3.009 3.009 0 0 0 3-3V13a3.009 3.009 0 0 0-3-3H42V8a6 6 0 0 0-6-6H8a6 6 0 0 0-6 6v48a6 6 0 0 0 6 6h28a6 6 0 0 0 6-6v-2h17a3.009 3.009 0 0 0 3-3V39a3.009 3.009 0 0 0-3-3H42v-8zm1-3a1 1 0 0 1-1 1h-1.86A4.017 4.017 0 0 1 60 23.14zm-1-13a1 1 0 0 1 1 1v1.86A4.017 4.017 0 0 1 57.14 12zM4 8a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v2H4zm34.86 4A4.017 4.017 0 0 1 36 14.86V13a1 1 0 0 1 1-1zM23 41.95a10 10 0 0 0 0-19.9V21a1 1 0 0 1 1-1h10v5a3.009 3.009 0 0 0 3 3h3v8h-3a3.009 3.009 0 0 0-3 3v5H24a1 1 0 0 1-1-1zM22 40a8 8 0 1 1 8-8 8.011 8.011 0 0 1-8 8zm15-14a1 1 0 0 1-1-1v-1.86A4.017 4.017 0 0 1 38.86 26zM4 12h30.18a3 3 0 0 0-.18 1v5H24a3.009 3.009 0 0 0-3 3v1.05a10 10 0 0 0 0 19.9V43a3.009 3.009 0 0 0 3 3h10v5a3 3 0 0 0 .18 1H4zm36 44a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4v-2h36zm19-18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H37a1 1 0 0 1-1-1V39a1 1 0 0 1 1-1zM40.91 26A5.992 5.992 0 0 0 36 21.09v-4.18A5.992 5.992 0 0 0 40.91 12h14.18A5.992 5.992 0 0 0 60 16.91v4.18A5.992 5.992 0 0 0 55.09 26z"
/>
<path
fill="url(#l)"
d="M48 23a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
/>
</g>
</svg>
More icons in the same style and category