Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as financial, pay, banking, payment, bill, credit card, online payment, mobile application, business and finance, online activity, and pay by card. 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 512 512"
>
<linearGradient
id="a"
x1="136"
x2="136"
y1="1.73"
y2="505.34"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2ab793" />
<stop offset="1" stop-color="#2c98b5" />
</linearGradient>
<linearGradient id="b" x1="200" x2="200" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="c" x1="264" x2="264" y1="1.73" y2="505.34" href="#a" />
<linearGradient
id="d"
x1="253.172"
x2="253.172"
y1="1.73"
y2="505.34"
href="#a"
/>
<linearGradient id="e" x1="384" x2="384" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="f" x1="364" x2="364" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="g" x1="404" x2="404" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="h" x1="456" x2="456" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="i" x1="436" x2="436" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="j" x1="476" x2="476" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="k" x1="312" x2="312" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="l" x1="256" x2="256" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="m" x1="240" x2="240" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="n" x1="288" x2="288" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="o" x1="336" x2="336" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="p" x1="372" x2="372" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="q" x1="216" x2="216" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="r" x1="276" x2="276" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="s" x1="340" x2="340" y1="1.73" y2="505.34" href="#a" />
<linearGradient id="t" x1="392" x2="392" y1="1.73" y2="505.34" href="#a" />
<g>
<path
fill="url(#a)"
d="M144 128a16.018 16.018 0 0 0 16-16V96a16.018 16.018 0 0 0-16-16h-16a16.018 16.018 0 0 0-16 16v16a16.018 16.018 0 0 0 16 16zm-16-32h16l.01 16H128z"
/>
<path
fill="url(#b)"
d="M192 128h16a16.018 16.018 0 0 0 16-16V96a16.018 16.018 0 0 0-16-16h-16a16.018 16.018 0 0 0-16 16v16a16.018 16.018 0 0 0 16 16zm0-32h16l.01 16H192z"
/>
<path
fill="url(#c)"
d="M256 128h16a16.018 16.018 0 0 0 16-16V96a16.018 16.018 0 0 0-16-16h-16a16.018 16.018 0 0 0-16 16v16a16.018 16.018 0 0 0 16 16zm0-32h16l.01 16H256z"
/>
<path
fill="url(#d)"
d="M320 144V40a24.027 24.027 0 0 0-24-24H104a24.027 24.027 0 0 0-24 24v179.313l-40.97 40.97A23.84 23.84 0 0 0 32 277.255v68.118a23.841 23.841 0 0 1-7.03 16.97L10.344 376.97l11.314 11.314 14.627-14.627A39.738 39.738 0 0 0 48 345.373v-68.118a7.945 7.945 0 0 1 2.343-5.656l43.314-43.315a14.627 14.627 0 1 1 20.686 20.686l-27.312 27.313A23.84 23.84 0 0 0 80 293.255V392a24.027 24.027 0 0 0 24 24h44.686l-8.97 8.97a23.839 23.839 0 0 1-16.97 7.03h-13.491a39.735 39.735 0 0 0-28.284 11.716l-46.628 46.627 11.314 11.314 46.628-46.628a23.839 23.839 0 0 1 16.97-7.029h13.49a39.735 39.735 0 0 0 28.284-11.716l11.588-11.587A175.853 175.853 0 0 0 304 496h16c97.047 0 176-78.953 176-176s-78.953-176-176-176zM253.754 32l-2.485 9.94a7.989 7.989 0 0 1-7.761 6.06h-87.016a7.989 7.989 0 0 1-7.76-6.06L146.245 32zM96 209.08V40a8.01 8.01 0 0 1 8-8h25.754l3.455 13.821A23.966 23.966 0 0 0 156.492 64h87.016a23.966 23.966 0 0 0 23.283-18.179L270.246 32H296a8.01 8.01 0 0 1 8 8v104H128v75.606a31.105 31.105 0 0 0-2.343-2.636A30.64 30.64 0 0 0 96 209.08zM104 400a8.01 8.01 0 0 1-8-8v-98.745a7.95 7.95 0 0 1 2.343-5.657l27.314-27.314a31.105 31.105 0 0 0 2.343-2.636V320a174.929 174.929 0 0 0 19.255 80zm216 80h-16c-88.224 0-160-71.775-160-160V160h176c88.224 0 160 71.775 160 160s-71.776 160-160 160z"
/>
<path fill="url(#e)" d="M376 24h16v24h-16z" />
<path fill="url(#f)" d="M352 48h24v16h-24z" />
<path fill="url(#e)" d="M376 64h16v24h-16z" />
<path fill="url(#g)" d="M392 48h24v16h-24z" />
<path fill="url(#h)" d="M448 88h16v24h-16z" />
<path fill="url(#i)" d="M424 112h24v16h-24z" />
<path fill="url(#h)" d="M448 128h16v24h-16z" />
<path fill="url(#j)" d="M464 112h24v16h-24z" />
<path
fill="url(#k)"
d="M408 240H216a24.027 24.027 0 0 0-24 24v112a24.027 24.027 0 0 0 24 24h192a24.027 24.027 0 0 0 24-24V264a24.027 24.027 0 0 0-24-24zm8 136a8.01 8.01 0 0 1-8 8H216a8.01 8.01 0 0 1-8-8V264a8.01 8.01 0 0 1 8-8h192a8.01 8.01 0 0 1 8 8z"
/>
<path
fill="url(#l)"
d="M288 296a24.027 24.027 0 0 0-24-24h-16a24 24 0 0 0 0 48h16a24.027 24.027 0 0 0 24-24zm-24 8h-16a8 8 0 0 1 0-16h16a8 8 0 0 1 0 16z"
/>
<path fill="url(#m)" d="M224 344h32v16h-32z" />
<path fill="url(#n)" d="M272 344h32v16h-32z" />
<path fill="url(#o)" d="M320 344h32v16h-32z" />
<path fill="url(#e)" d="M368 344h32v16h-32z" />
<path fill="url(#p)" d="M344 288h56v16h-56z" />
<path fill="url(#q)" d="M184 200h64v16h-64z" />
<path fill="url(#r)" d="M264 200h24v16h-24z" />
<path fill="url(#s)" d="M312 424h56v16h-56z" />
<path fill="url(#t)" d="M384 424h16v16h-16z" />
</g>
</svg>
More icons in the same style and category