Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as money, online, card, payment, cash, credit card, online payment, business and finance, and mobile banking. 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">
<stop offset="0" stop-color="#ff9700" />
<stop offset=".468" stop-color="#6871d8" />
<stop offset="1" stop-color="#212647" />
</linearGradient>
<linearGradient
id="b"
x1="8.758"
x2="54.367"
y1=".465"
y2="46.074"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="7.608"
x2="53.218"
y1="1.614"
y2="47.224"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-1.669"
x2="43.941"
y1="10.891"
y2="56.501"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="22.198"
x2="67.808"
y1="-12.976"
y2="32.634"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="12.111"
x2="57.721"
y1="-2.889"
y2="42.721"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="7.111"
x2="52.721"
y1="2.111"
y2="47.721"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="9.611"
x2="55.221"
y1="-.389"
y2="45.221"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="9.361"
x2="54.971"
y1="-.139"
y2="45.471"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="15.111"
x2="60.721"
y1="-5.889"
y2="39.721"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="18.111"
x2="63.721"
y1="-8.889"
y2="36.721"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="14.861"
x2="60.471"
y1="-5.639"
y2="39.971"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="12.361"
x2="57.971"
y1="-3.139"
y2="42.471"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-9.389"
x2="36.221"
y1="18.611"
y2="64.221"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="5.111"
x2="50.721"
y1="4.111"
y2="49.721"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M20.929 16.594c.116 0 .234-.02.349-.062l4.312-1.604a1 1 0 0 0-.697-1.875l-4.312 1.604a1 1 0 0 0 .348 1.937z"
/>
<path
fill="url(#c)"
d="M30.924 15.847a1 1 0 0 0-1.306-.541l-11 4.552a1.001 1.001 0 0 0 .764 1.848l11-4.552a1 1 0 0 0 .542-1.307z"
/>
<path
fill="url(#d)"
d="M40.635 43.741a1.989 1.989 0 0 0-1.042-1.121 1.986 1.986 0 0 0-1.53-.057l-8.474 3.15c-.501.187-.9.557-1.122 1.042a1.986 1.986 0 0 0-.056 1.53l1.267 3.408a2.005 2.005 0 0 0 2.571 1.177l8.474-3.15a2.003 2.003 0 0 0 1.178-2.572zm-.609 4.105-8.474 3.15-1.266-3.407 8.474-3.15 1.268 3.407z"
/>
<path
fill="url(#e)"
d="M42 15c1.116 0 2.136-.38 2.969-1H51a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-6.031c-.833-.62-1.853-1-2.969-1-2.757 0-5 2.243-5 5s2.243 5 5 5zm8-3h-3.424a4.91 4.91 0 0 0 .323-1H50zm0-3h-3.101a4.91 4.91 0 0 0-.323-1H50zm-8-2c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3z"
/>
<path
fill="url(#f)"
d="M46 36h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#g)"
d="M46 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#f)"
d="M56 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path fill="url(#h)" d="M47 37a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" />
<path
fill="url(#i)"
d="M53 46a1 1 0 0 0 1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#j)"
d="M53 34a1 1 0 0 0 1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M56 32h3v2a1 1 0 1 0 2 0v-3a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2z"
/>
<path
fill="url(#l)"
d="M56 38h3a1 1 0 1 0 0-2h-2v-2a1 1 0 1 0-2 0v3a1 1 0 0 0 1 1z"
/>
<path
fill="url(#m)"
d="M53 39a1 1 0 0 0 1-1v-1a1 1 0 1 0-2 0v1a1 1 0 0 0 1 1z"
/>
<path
fill="url(#n)"
d="M23 35H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12.225a1 1 0 1 0 0-2H6v-4h16v4h-1.071a1 1 0 1 0 0 2H23a1 1 0 0 0 1-1V36a1 1 0 0 0-1-1zm-1 2v1H6v-1zM6 41v-1h16v1z"
/>
<path
fill="url(#o)"
d="M62 26H43.685l-2.606-7H54c1.103 0 2-.897 2-2V3c0-1.103-.897-2-2-2H35c-.403 0-.778.122-1.092.328A4.96 4.96 0 0 0 28.802.322l-20.96 7.79c-2.586.963-3.909 3.846-2.949 6.427L11.011 31H2c-1.103 0-2 .897-2 2v18c0 1.103.897 2 2 2h17.195l1.655 4.45-.006.002c.009.024.023.045.032.069l1.196 3.217a5.004 5.004 0 0 0 6.425 2.94l20.96-7.79c2.408-.897 3.695-3.456 3.09-5.888H62c1.103 0 2-.897 2-2V28c0-1.103-.897-2-2-2zM54 3v14H33.326l1.598-5.594c.05-.178.076-.362.076-.546V3zM2 33h17.795c.273 0 .539-.055.788-.162L26 30.517 26.001 51H2zm46.762 21.013-20.96 7.79a2.99 2.99 0 0 1-3.679-1.406c.379.098.767.161 1.163.161.534 0 1.077-.093 1.604-.29l21.561-8.011c.901-.335 1.642-.95 2.18-1.727a2.998 2.998 0 0 1-1.869 3.483zM62 48H44a1 1 0 1 0 0 2h4.418a2.606 2.606 0 0 1-.666.383L26.19 58.394c-1.361.507-2.892-.206-3.447-1.591L21.329 53H26c1.103 0 2-.897 2-2V29a1.001 1.001 0 0 0-1.394-.919L19.795 31h-6.649L6.768 13.842a3.002 3.002 0 0 1 1.771-3.854L29.5 2.198A2.972 2.972 0 0 1 33 3.31v7.55l-1.961 6.865A1 1 0 0 0 32 19h6.946l2.606 7H37a1.001 1.001 0 0 0-.923 1.384L41 39.2v4.3a1 1 0 1 0 2 0v-4.3c0-.265-.052-.523-.154-.77L38.5 28H62z"
/>
</svg>
More icons in the same style and category