Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as business, smartphone, payment method, credit card, 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="-13.373"
x2="44.32"
y1="44.96"
y2="-12.734"
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="12.04"
x2="69.734"
y1="70.373"
y2="12.68"
href="#a"
/>
<linearGradient
id="c"
x1="12.333"
x2="70.027"
y1="70.667"
y2="12.973"
href="#a"
/>
<linearGradient
id="d"
x1="-13.417"
x2="44.277"
y1="44.917"
y2="-12.777"
href="#a"
/>
<linearGradient
id="e"
x1="-10.417"
x2="47.277"
y1="47.917"
y2="-9.777"
href="#a"
/>
<linearGradient
id="f"
x1="-.167"
x2="57.527"
y1="58.167"
y2=".473"
href="#a"
/>
<linearGradient
id="g"
x1="5.833"
x2="63.527"
y1="64.167"
y2="6.473"
href="#a"
/>
<linearGradient
id="h"
x1="-2.667"
x2="55.027"
y1="55.667"
y2="-2.027"
href="#a"
/>
<linearGradient
id="i"
x1="3.833"
x2="61.527"
y1="62.167"
y2="4.473"
href="#a"
/>
<linearGradient
id="j"
x1="7.833"
x2="65.527"
y1="66.167"
y2="8.473"
href="#a"
/>
<linearGradient
id="k"
x1="11.833"
x2="69.527"
y1="70.167"
y2="12.473"
href="#a"
/>
<linearGradient
id="l"
x1="3.333"
x2="61.027"
y1="61.667"
y2="3.973"
href="#a"
/>
<linearGradient
id="m"
x1="4.833"
x2="62.527"
y1="63.167"
y2="5.473"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M32 12H20a3.003 3.003 0 0 1-3-3V8H7a1 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 1H35v1a3.003 3.003 0 0 1-3 3zM8 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-1H9a1 1 0 0 0-1 1z"
/>
<path
fill="url(#b)"
d="M43 62H9a3.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 3zM8 54v5a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-5z"
/>
<path fill="url(#c)" d="M31 58H21a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M25 9h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M30 9h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="M43 62H9a3.003 3.003 0 0 1-3-3V5a3.003 3.003 0 0 1 3-3h34a3.003 3.003 0 0 1 3 3v14a1 1 0 0 1-2 0V5a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V45a1 1 0 0 1 2 0v14a3.003 3.003 0 0 1-3 3z"
/>
<path
fill="url(#g)"
d="M56 46H20a2.002 2.002 0 0 1-2-2V20a2.002 2.002 0 0 1 2-2h36a2.002 2.002 0 0 1 2 2v24a2.002 2.002 0 0 1-2 2zM20 20v24h36.002L56 20z"
/>
<path
fill="url(#h)"
d="M30 30h-6a2.002 2.002 0 0 1-2-2v-4a2.002 2.002 0 0 1 2-2h6a2.002 2.002 0 0 1 2 2v4a2.002 2.002 0 0 1-2 2zm-6-6v4h6.002L30 24z"
/>
<path fill="url(#f)" d="M27 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#i)" d="M35 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#j)" d="M43 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M51 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<path fill="url(#l)" d="M33 38H23a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2z" />
<path fill="url(#m)" d="M31 42h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category