Add icons to this collection by clicking the heart icon.
Payment icon - also known as smartphone, payment, payment method, online payment, business and finance, mobile banking, electronic banking, and cashless payment. 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="-14.207"
x2="43.391"
y1="44.793"
y2="-12.804"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="11.207"
x2="68.804"
y1="70.207"
y2="12.609"
href="#a"
/>
<linearGradient
id="c"
x1="11.5"
x2="69.097"
y1="70.5"
y2="12.903"
href="#a"
/>
<linearGradient
id="d"
x1="-14.25"
x2="43.347"
y1="44.75"
y2="-12.847"
href="#a"
/>
<linearGradient
id="e"
x1="-11.25"
x2="46.347"
y1="47.75"
y2="-9.847"
href="#a"
/>
<linearGradient id="f" x1="-1" x2="56.597" y1="58" y2=".403" href="#a" />
<linearGradient
id="g"
x1="-3.084"
x2="54.513"
y1="55.916"
y2="-1.681"
href="#a"
/>
<linearGradient
id="h"
x1="-7.56"
x2="50.037"
y1="51.44"
y2="-6.157"
href="#a"
/>
<linearGradient
id="i"
x1="12.603"
x2="70.2"
y1="71.603"
y2="14.006"
href="#a"
/>
<linearGradient
id="j"
x1="11.25"
x2="68.847"
y1="70.25"
y2="12.653"
href="#a"
/>
<linearGradient
id="k"
x1="9.105"
x2="66.702"
y1="68.105"
y2="10.508"
href="#a"
/>
<linearGradient
id="l"
x1="1.5"
x2="59.097"
y1="60.5"
y2="2.903"
href="#a"
/>
<linearGradient
id="m"
x1="3.5"
x2="61.097"
y1="62.5"
y2="4.903"
href="#a"
/>
<linearGradient
id="n"
x1="6.5"
x2="64.097"
y1="65.5"
y2="7.903"
href="#a"
/>
<path
fill="url(#a)"
d="M31 12H19a3.003 3.003 0 0 1-3-3V8H6a1 1 0 0 1-1-1V5a3.003 3.003 0 0 1 3-3h34a3.003 3.003 0 0 1 3 3v2a1 1 0 0 1-1 1H34v1a3.003 3.003 0 0 1-3 3zM7 6h10a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 1 1-1h10V5a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1z"
/>
<path
fill="url(#b)"
d="M42 62H8a3.003 3.003 0 0 1-3-3v-6a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v6a3.003 3.003 0 0 1-3 3zM7 54v5a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-5z"
/>
<path fill="url(#c)" d="M30 58H20a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M24 9h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M29 9h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="M42 62H8a3.003 3.003 0 0 1-3-3V5a3.003 3.003 0 0 1 3-3h34a3.003 3.003 0 0 1 3 3v54a3.003 3.003 0 0 1-3 3zM8 4a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z"
/>
<path
fill="url(#g)"
d="M30.82 34H19.18a1.999 1.999 0 0 1-1.972-2.329l1.666-10A1.995 1.995 0 0 1 20.847 20h8.306a1.995 1.995 0 0 1 1.973 1.67l1.666 10A2 2 0 0 1 30.819 34zm-1.667-12h-8.306L19.18 32h11.64z"
/>
<path
fill="url(#h)"
d="M28 22h-6a1 1 0 0 1-1-1v-3a4 4 0 0 1 8 0v3a1 1 0 0 1-1 1zm-5-2h4v-2a2 2 0 0 0-4 0z"
/>
<path
fill="url(#i)"
d="M60 44H44a1 1 0 0 1 0-2h16V22H44a1 1 0 0 1 0-2h16a2.002 2.002 0 0 1 2 2v20a2.002 2.002 0 0 1-2 2z"
/>
<path
fill="url(#j)"
d="M55 40H44a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1 1 1 0 0 0 1 1 1 1 0 0 1 1 1v10a1 1 0 0 1-1 1 1 1 0 0 0-1 1 1 1 0 0 1-1 1zm-10-2h9.17A3.015 3.015 0 0 1 56 36.171V27.83A3.015 3.015 0 0 1 54.17 26H45z"
/>
<path
fill="url(#k)"
d="M45 36a3.746 3.746 0 0 1-1.361-.248 1 1 0 1 1 .722-1.864A1.8 1.8 0 0 0 45 34a2 2 0 0 0 0-4 1.8 1.8 0 0 0-.639.112 1 1 0 1 1-.722-1.864A3.746 3.746 0 0 1 45 28a4 4 0 0 1 0 8z"
/>
<path fill="url(#l)" d="M35 38H15a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path fill="url(#m)" d="M35 42H15a1 1 0 0 1 0-2h20a1 1 0 0 1 0 2z" />
<path
fill="url(#n)"
d="M30 50H20a2.002 2.002 0 0 1-2-2v-2a2.002 2.002 0 0 1 2-2h10a2.002 2.002 0 0 1 2 2v2a2.002 2.002 0 0 1-2 2zm-10-4v2h10.001L30 46z"
/>
</svg>
More icons in the same style and category