Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as smartphone, online, payment, mobile, online payment, electronics, transaction, bitcoin, business and finance, and cryptocurrency. Created in a clean outline 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="458pt"
height="458pt"
viewBox="0 -23 458 458"
>
<linearGradient id="a">
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="117.111"
x2="117.111"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="296.064"
x2="296.064"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="381.293"
x2="381.293"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="367.456"
x2="367.456"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="348.151"
x2="348.151"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="407.049"
x2="407.049"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="393.211"
x2="393.211"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="373.907"
x2="373.907"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="305.053"
x2="305.053"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="390.546"
x2="390.546"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="451.63"
x2="451.63"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="437.792"
x2="437.792"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="418.488"
x2="418.488"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="448.94"
x2="448.94"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="429.636"
x2="429.636"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="389.354"
x2="389.354"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="251"
x2="251"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="181"
x2="181"
y1="430"
y2="-20.75"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M96.555 379.555h41.113c3.312 0 6-2.684 6-6 0-3.313-2.688-6-6-6H96.555c-3.313 0-6 2.687-6 6 0 3.316 2.687 6 6 6zm0 0"
/>
<path
fill="url(#c)"
d="M275.176 89.95a6.006 6.006 0 0 0 8.453-.036 6.003 6.003 0 0 0 .031-8.453l-6.523-6.523h52.34c3.316 0 6-2.688 6-6s-2.684-6-6-6h-52.34l6.523-6.524a6.003 6.003 0 0 0-.031-8.453 6.006 6.006 0 0 0-8.453-.035L258.41 64.699a5.998 5.998 0 0 0 0 8.485zm0 0"
/>
<path
fill="url(#d)"
d="M380.922 74.938h.742c3.313 0 6-2.688 6-6s-2.687-6-6-6h-.742a6.001 6.001 0 0 0 0 12zm0 0"
/>
<path
fill="url(#e)"
d="M367.215 74.938h.484c3.313 0 6-2.688 6-6s-2.687-6-6-6h-.484c-3.317 0-6 2.687-6 6s2.683 6 6 6zm0 0"
/>
<path
fill="url(#f)"
d="M348.04 74.938h.226c3.312 0 6-2.688 6-6s-2.688-6-6-6h-.227c-3.316 0-6 2.687-6 6s2.684 6 6 6zm0 0"
/>
<path
fill="url(#g)"
d="M407.418 337.063h-.738a6.001 6.001 0 0 0 0 12h.738c3.316 0 6-2.688 6-6s-2.684-6-6-6zm0 0"
/>
<path
fill="url(#h)"
d="M393.453 337.063h-.484a6.001 6.001 0 0 0 0 12h.484c3.317 0 6-2.688 6-6s-2.683-6-6-6zm0 0"
/>
<path
fill="url(#i)"
d="M374.02 337.063h-.227a6.001 6.001 0 0 0 0 12h.227c3.316 0 6-2.688 6-6s-2.684-6-6-6zm0 0"
/>
<path
fill="url(#j)"
d="M355.234 337.063H269.36l6.524-6.524a6.001 6.001 0 0 0-8.484-8.488l-16.766 16.77a5.998 5.998 0 0 0 0 8.484l16.765 16.77a6.006 6.006 0 0 0 8.489 0 6.006 6.006 0 0 0 0-8.49l-6.528-6.522h85.875c3.313 0 6-2.688 6-6s-2.687-6-6-6zm0 0"
/>
<path
fill="url(#k)"
d="m373.012 164.555 16.765 16.77a6.003 6.003 0 0 0 8.489-8.49l-6.528-6.523h12.102a6.001 6.001 0 0 0 0-12h-12.102l6.528-6.523a6.003 6.003 0 0 0-8.489-8.488l-16.765 16.77a5.998 5.998 0 0 0 0 8.484zm0 0"
/>
<path
fill="url(#l)"
d="M452 154.313h-.738c-3.317 0-6 2.687-6 6s2.683 6 6 6H452c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#m)"
d="M438.035 154.313h-.484c-3.317 0-6 2.687-6 6s2.683 6 6 6h.484c3.313 0 6-2.688 6-6s-2.687-6-6-6zm0 0"
/>
<path
fill="url(#n)"
d="M418.602 154.313h-.23a6.001 6.001 0 0 0 0 12h.23c3.312 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#o)"
d="M449.184 245.688h-.485a6.001 6.001 0 0 0 0 12h.489c3.312 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#p)"
d="M429.75 245.688h-.227c-3.316 0-6 2.687-6 6s2.684 6 6 6h.227c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#q)"
d="M414.984 245.688h-36.777l6.523-6.524c2.344-2.344 2.344-6.144 0-8.488s-6.14-2.344-8.484 0l-16.766 16.77a5.998 5.998 0 0 0 0 8.484l16.766 16.77c2.344 2.343 6.14 2.343 8.484 0s2.344-6.141 0-8.485l-6.523-6.524h36.777c3.317 0 6-2.687 6-6 0-3.316-2.683-6-6-6zm0 0"
/>
<path
fill="url(#r)"
d="M332 205c0-44.734-36.266-81-81-81s-81 36.266-81 81 36.266 81 81 81c44.715-.05 80.95-36.285 81-81zm-150 0c0-38.11 30.89-69 69-69s69 30.89 69 69-30.89 69-69 69c-38.09-.043-68.957-30.91-69-69zm0 0"
/>
<path
fill="url(#s)"
d="M329.04 283.855c.147-.12.308-.226.448-.367.13-.144.254-.293.367-.449 42.86-43.2 42.86-112.879 0-156.078a5.753 5.753 0 0 0-.367-.45c-.14-.14-.3-.245-.449-.366A110.653 110.653 0 0 0 251 94c-5.617 0-11.223.422-16.777 1.262V36c-.024-19.871-16.125-35.977-36-36H36C16.125.023.023 16.125 0 36v340c.023 19.875 16.125 35.977 36 36h162.223c19.875-.023 35.976-16.129 36-36v-61.258c5.554.836 11.16 1.258 16.777 1.258a110.653 110.653 0 0 0 78.04-32.145zM12 36c.016-13.25 10.75-23.984 24-24h162.223c13.25.016 23.984 10.75 24 24v6.223H12zm210.223 340c-.016 13.25-10.75 23.984-24 24H36c-13.25-.016-23.984-10.75-24-24v-28.89h210.223zm0-40.89H12V54.222h210.223v43.543a110.327 110.327 0 0 0-33.493 15.336 109.28 109.28 0 0 0-5.761 4.21v-30.05c0-3.313-2.688-6-6-6h-19.07c-3.313 0-6 2.687-6 6V314c0 3.313 2.687 6 6 6h19.066c3.312 0 6-2.688 6-6v-21.238a109.655 109.655 0 0 0 39.254 19.5zM170.969 93.261v34.847a110.08 110.08 0 0 0-7.067 8.102V93.26zm-7.07 180.539a112.645 112.645 0 0 0 7.066 8.113V308h-7.067zM245 299.09v4.73a98.104 98.104 0 0 1-59.645-24.691l3.356-3.356a5.998 5.998 0 0 0-.059-8.425 5.998 5.998 0 0 0-8.425-.059l-3.344 3.344a105.362 105.362 0 0 1-4.235-5.113 99.801 99.801 0 0 1-8.746-13.454v-94.132a99.708 99.708 0 0 1 8.739-13.45 100.48 100.48 0 0 1 4.254-5.105l3.332 3.332a5.999 5.999 0 1 0 8.484-8.484l-3.336-3.336A98.361 98.361 0 0 1 245 106.2v4.714c0 3.313 2.688 6 6 6s6-2.687 6-6v-4.723a98.577 98.577 0 0 1 59.602 24.735l-3.309 3.304a5.999 5.999 0 1 0 8.484 8.484l3.309-3.304A98.606 98.606 0 0 1 349.813 199h-4.723c-3.313 0-6 2.688-6 6s2.687 6 6 6h4.723a98.596 98.596 0 0 1-24.731 59.602l-3.309-3.309a5.998 5.998 0 0 0-8.425.059 5.998 5.998 0 0 0-.059 8.425l3.309 3.309A98.604 98.604 0 0 1 257 303.813v-4.723a6.001 6.001 0 0 0-12 0zm0 0"
/>
<path
fill="url(#r)"
d="M251.691 251.305c0 3.312 2.688 6 6 6s6-2.688 6-6v-6.434a22.523 22.523 0 0 0 15.809-21.473v-1.648a22.41 22.41 0 0 0-7.215-16.48 22.439 22.439 0 0 0 7.215-16.485v-1.648a22.523 22.523 0 0 0-15.809-21.473V158.7a6.001 6.001 0 0 0-12 0v5.957h-4.382V158.7c0-3.312-2.688-6-6-6s-6 2.688-6 6v5.957H228.5c-3.312 0-6 2.688-6 6v69.235c0 3.312 2.688 6 6 6h6.809v5.418c0 3.316 2.687 6 6 6s6-2.684 6-6v-5.418h4.382zM234.5 176.652h22.516c5.789.012 10.476 4.7 10.484 10.485v1.648c-.008 5.785-4.695 10.473-10.484 10.485H234.5zm0 57.23V211.27h22.516c5.785.007 10.476 4.695 10.484 10.484v1.644c-.008 5.79-4.7 10.477-10.484 10.485zm0 0"
/>
</svg>
More icons in the same style and category