Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as online, window, global, worldwide, online payment, ecommerce, seo and web, and digital money. 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="32"
x2="32"
y1="-7.147"
y2="66.332"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="9" x2="9" y1="-7.147" y2="66.332" href="#a" />
<linearGradient id="c" x1="17" x2="17" y1="-7.147" y2="66.332" href="#a" />
<linearGradient id="d" x1="25" x2="25" y1="-7.147" y2="66.332" href="#a" />
<linearGradient id="e" x1="55" x2="55" y1="-7.147" y2="66.332" href="#a" />
<linearGradient id="f" x1="53" x2="53" y1="-7.147" y2="66.332" href="#a" />
<linearGradient id="g" x1="11" x2="11" y1="-7.147" y2="66.332" href="#a" />
<linearGradient
id="h"
x1="36.659"
x2="36.659"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(74.99 36.657 20.62)"
href="#a"
/>
<linearGradient
id="i"
x1="41"
x2="41"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(60 41.003 22.415)"
href="#a"
/>
<linearGradient
id="j"
x1="44.728"
x2="44.728"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(45 44.737 25.266)"
href="#a"
/>
<linearGradient
id="k"
x1="47.589"
x2="47.589"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(30 47.583 28.99)"
href="#a"
/>
<linearGradient
id="l"
x1="49.387"
x2="49.387"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(14.98 49.342 33.337)"
href="#a"
/>
<linearGradient id="m" x1="50" x2="50" y1="-7.147" y2="66.332" href="#a" />
<linearGradient
id="n"
x1="49.387"
x2="49.387"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(74.99 49.382 42.668)"
href="#a"
/>
<linearGradient
id="o"
x1="47.589"
x2="47.589"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(60 47.59 47)"
href="#a"
/>
<linearGradient
id="p"
x1="44.728"
x2="44.728"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(45 44.741 50.724)"
href="#a"
/>
<linearGradient
id="q"
x1="41"
x2="41"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(30 41.004 53.589)"
href="#a"
/>
<linearGradient
id="r"
x1="36.659"
x2="36.659"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(14.98 36.615 55.363)"
href="#a"
/>
<linearGradient
id="s"
x1="27.341"
x2="27.341"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(74.99 27.334 55.393)"
href="#a"
/>
<linearGradient
id="t"
x1="23"
x2="23"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(60 23 53.595)"
href="#a"
/>
<linearGradient
id="u"
x1="19.272"
x2="19.272"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(45 19.282 50.729)"
href="#a"
/>
<linearGradient
id="v"
x1="16.411"
x2="16.411"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(30 16.413 46.99)"
href="#a"
/>
<linearGradient
id="w"
x1="14.613"
x2="14.613"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(14.98 14.59 42.637)"
href="#a"
/>
<linearGradient id="x" x1="14" x2="14" y1="-7.147" y2="66.332" href="#a" />
<linearGradient
id="y"
x1="14.613"
x2="14.613"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(74.99 14.608 33.345)"
href="#a"
/>
<linearGradient
id="z"
x1="16.411"
x2="16.411"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(60 16.412 29)"
href="#a"
/>
<linearGradient
id="A"
x1="19.272"
x2="19.272"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(45 19.278 25.271)"
href="#a"
/>
<linearGradient
id="B"
x1="23"
x2="23"
y1="-7.147"
y2="66.332"
gradientTransform="rotate(30 23.002 22.411)"
href="#a"
/>
<linearGradient
id="C"
x1="27.341"
x2="27.341"
y1="-7.147"
y2="66.33"
gradientTransform="rotate(14.98 27.316 20.611)"
href="#a"
/>
<path
fill="url(#a)"
d="M59 2H5a3.009 3.009 0 0 0-3 3v54a3.009 3.009 0 0 0 3 3h54a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zm1 57a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V16h56zm0-45H4V5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path
fill="url(#b)"
d="M7 12h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2H8z"
/>
<path
fill="url(#c)"
d="M15 12h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#d)"
d="M23 12h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#e)"
d="M53 12h4a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#a)"
d="M32 23a15 15 0 1 0 15 15 15.018 15.018 0 0 0-15-15zm12.95 14h-5.97a28.989 28.989 0 0 0-1.06-7.22 14.4 14.4 0 0 0 2.67-1.51A12.991 12.991 0 0 1 44.95 37zM38.9 27a11.948 11.948 0 0 1-1.65.89 13.7 13.7 0 0 0-1.17-2.23A13.518 13.518 0 0 1 38.9 27zM32 25c1.17 0 2.41 1.31 3.36 3.56a13.049 13.049 0 0 1-6.72 0C29.59 26.31 30.83 25 32 25zm0 6a15 15 0 0 0 4.02-.55 26.911 26.911 0 0 1 .96 6.55h-9.96a26.911 26.911 0 0 1 .96-6.55A15 15 0 0 0 32 31zm-4.08-5.34a13.7 13.7 0 0 0-1.17 2.23A11.948 11.948 0 0 1 25.1 27a13.518 13.518 0 0 1 2.82-1.34zm-4.51 2.61a14.4 14.4 0 0 0 2.67 1.51A28.989 28.989 0 0 0 25.02 37h-5.97a12.991 12.991 0 0 1 4.36-8.73zM19.05 39h5.97a28.989 28.989 0 0 0 1.06 7.22 14.4 14.4 0 0 0-2.67 1.51A12.991 12.991 0 0 1 19.05 39zm6.05 10a11.948 11.948 0 0 1 1.65-.89 13.7 13.7 0 0 0 1.17 2.23A13.518 13.518 0 0 1 25.1 49zm6.9 2c-1.17 0-2.41-1.31-3.36-3.56a13.049 13.049 0 0 1 6.72 0C34.41 49.69 33.17 51 32 51zm0-6a15 15 0 0 0-4.02.55 26.911 26.911 0 0 1-.96-6.55h9.96a26.911 26.911 0 0 1-.96 6.55A15 15 0 0 0 32 45zm4.08 5.34a13.7 13.7 0 0 0 1.17-2.23 11.948 11.948 0 0 1 1.65.89 13.518 13.518 0 0 1-2.82 1.34zm4.51-2.61a14.4 14.4 0 0 0-2.67-1.51A28.989 28.989 0 0 0 38.98 39h5.97a12.991 12.991 0 0 1-4.36 8.73z"
/>
<path
fill="url(#f)"
d="M53 47a1 1 0 0 1 1 1h2a3 3 0 0 0-2-2.816V44h-2v1.184A2.993 2.993 0 0 0 53 51a1 1 0 1 1-1 1h-2a3 3 0 0 0 2 2.816V56h2v-1.184A2.993 2.993 0 0 0 53 49a1 1 0 0 1 0-2zM53 23a1 1 0 0 1 1 1h2a3 3 0 0 0-2-2.816V20h-2v1.184A2.993 2.993 0 0 0 53 27a1 1 0 1 1-1 1h-2a3 3 0 0 0 2 2.816V32h2v-1.184A2.993 2.993 0 0 0 53 25a1 1 0 0 1 0-2z"
/>
<path
fill="url(#g)"
d="M11 47a1 1 0 0 1 1 1h2a3 3 0 0 0-2-2.816V44h-2v1.184A2.993 2.993 0 0 0 11 51a1 1 0 1 1-1 1H8a3 3 0 0 0 2 2.816V56h2v-1.184A2.993 2.993 0 0 0 11 49a1 1 0 0 1 0-2zM11 29a1 1 0 0 1-1-1H8a3 3 0 0 0 2 2.816V32h2v-1.184A2.993 2.993 0 0 0 11 25a1 1 0 1 1 1-1h2a3 3 0 0 0-2-2.816V20h-2v1.184A2.993 2.993 0 0 0 11 27a1 1 0 0 1 0 2z"
/>
<path fill="url(#a)" d="M31 19h2v2h-2z" />
<path
fill="url(#h)"
d="M35.659 19.613h2v2h-2z"
transform="rotate(-74.99 36.664 20.608)"
/>
<path
fill="url(#i)"
d="M40 21.411h2v2h-2z"
transform="rotate(-60 41.004 22.412)"
/>
<path
fill="url(#j)"
d="M43.728 24.272h2v2h-2z"
transform="rotate(-45 44.726 25.281)"
/>
<path
fill="url(#k)"
d="M46.589 28h2v2h-2z"
transform="rotate(-30 47.576 28.998)"
/>
<path
fill="url(#l)"
d="M48.387 32.341h2v2h-2z"
transform="rotate(-14.98 49.366 33.303)"
/>
<path fill="url(#m)" d="M49 37h2v2h-2z" />
<path
fill="url(#n)"
d="M48.387 41.659h2v2h-2z"
transform="rotate(-74.99 49.395 42.653)"
/>
<path
fill="url(#o)"
d="M46.588 46h2v2h-2z"
transform="rotate(-60 47.587 47)"
/>
<path
fill="url(#p)"
d="M43.728 49.728h2v2h-2z"
transform="rotate(-45 44.721 50.74)"
/>
<path
fill="url(#q)"
d="M40 52.589h2v2h-2z"
transform="rotate(-30 41 53.592)"
/>
<path
fill="url(#r)"
d="M35.659 54.387h2v2h-2z"
transform="rotate(-14.98 36.655 55.337)"
/>
<path fill="url(#a)" d="M31 55h2v2h-2z" />
<path
fill="url(#s)"
d="M26.341 54.387h2v2h-2z"
transform="rotate(-74.99 27.35 55.385)"
/>
<path
fill="url(#t)"
d="M22 52.588h2v2h-2z"
transform="rotate(-60 23.004 53.593)"
/>
<path
fill="url(#u)"
d="M18.272 49.728h2v2h-2z"
transform="rotate(-45 19.264 50.736)"
/>
<path
fill="url(#v)"
d="M15.411 46h2v2h-2z"
transform="rotate(-30 16.404 46.992)"
/>
<path
fill="url(#w)"
d="M13.613 41.659h2v2h-2z"
transform="rotate(-14.98 14.62 42.626)"
/>
<path fill="url(#x)" d="M13 37h2v2h-2z" />
<path
fill="url(#y)"
d="M13.613 32.341h2v2h-2z"
transform="rotate(-74.99 14.619 33.34)"
/>
<path
fill="url(#z)"
d="M15.411 28h2v2h-2z"
transform="rotate(-60 16.41 29)"
/>
<path
fill="url(#A)"
d="M18.272 24.272h2v2h-2z"
transform="rotate(-45 19.269 25.277)"
/>
<path
fill="url(#B)"
d="M22 21.411h2v2h-2z"
transform="rotate(-30 23 22.414)"
/>
<path
fill="url(#C)"
d="M26.341 19.613h2v2h-2z"
transform="rotate(-14.98 27.332 20.588)"
/>
</svg>
More icons in the same style and category