Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as technology, computer, economy, money, online, banking, payment method, bill, invoice, online payment, electronics, and business and finance. 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="478pt"
height="478pt"
viewBox="-36 0 477 478"
>
<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="202.501"
x2="202.501"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="262.48"
x2="262.48"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="195.626"
x2="195.626"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="279.83"
x2="279.83"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="212.71"
x2="212.71"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="158.501"
x2="158.501"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="238.876"
x2="238.876"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="284.001"
x2="284.001"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="128.501"
x2="128.501"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="208.751"
x2="208.751"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="134.501"
x2="134.501"
y1="467"
y2="18.929"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M360.887 77H322.5V36.71C322.445 16.435 305.996.017 285.719 0H166.227a6.14 6.14 0 0 0-.602.031c-.145.016-.293.04-.438.067-.046.007-.097.011-.144.02a7.19 7.19 0 0 0-.5.124l-.063.02c-.167.05-.332.11-.5.176-.015.007-.035.011-.054.019-.153.066-.305.14-.453.215l-.075.039a4.715 4.715 0 0 0-.41.242c-.031.024-.066.04-.093.059-.141.093-.27.191-.403.3-.023.02-.047.036-.07.055-.156.125-.3.387-.445.528L86.992 77H44.117c-11.597-.031-22.726 4.57-30.914 12.781S.441 109.133.5 120.727v231.875C.5 376.852 19.867 397 44.117 397H196.5v69h-72.445c-3.313 0-6 2.688-6 6s2.687 6 6 6h161.433c3.313 0 6-2.688 6-6s-2.687-6-6-6H208.5v-69h152.387c24.246 0 43.613-20.145 43.613-44.398V120.727A43.503 43.503 0 0 0 360.887 77zM310.5 36.71V313h-216V90h41.016c20.386-.164 36.859-16.672 36.984-37.059V12h113.219c13.656.012 24.734 11.055 24.781 24.71zM103.059 78 160.5 20.484v32.457c-.117 13.762-11.223 24.903-24.984 25.059zM44.117 89H82.5v224h-70V120.727a31.504 31.504 0 0 1 9.184-22.465A31.522 31.522 0 0 1 44.117 89zm316.77 296H44.117C26.484 385 12.5 370.234 12.5 352.602V325h380v27.602c0 17.632-13.984 32.398-31.613 32.398zm31.613-72h-70V89h38.387a31.488 31.488 0 0 1 31.613 31.727zm0 0"
/>
<path
fill="url(#c)"
d="M232.46 148h60.04c3.313 0 6-2.688 6-6s-2.688-6-6-6h-60.04c-3.315 0-6 2.688-6 6s2.685 6 6 6zm0 0"
/>
<path
fill="url(#d)"
d="M182.5 148h26.25c3.313 0 6-2.688 6-6s-2.688-6-6-6H182.5c-3.313 0-6 2.688-6 6s2.688 6 6 6zm0 0"
/>
<path
fill="url(#e)"
d="M292.5 179h-25.344c-3.312 0-6 2.688-6 6s2.688 6 6 6H292.5c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#f)"
d="M242.918 191c3.312 0 6-2.688 6-6s-2.688-6-6-6H182.5c-3.313 0-6 2.688-6 6s2.688 6 6 6zm0 0"
/>
<path
fill="url(#g)"
d="M114.5 235h88c3.313 0 6-2.688 6-6s-2.688-6-6-6h-88c-3.313 0-6 2.688-6 6s2.688 6 6 6zm0 0"
/>
<path
fill="url(#h)"
d="M252.25 223H225.5c-3.313 0-6 2.688-6 6s2.688 6 6 6h26.75c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#i)"
d="M292.5 223h-17c-3.313 0-6 2.688-6 6s2.688 6 6 6h17c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#j)"
d="M142.5 266h-28c-3.313 0-6 2.688-6 6s2.688 6 6 6h28c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#k)"
d="M252.25 266h-87c-3.313 0-6 2.688-6 6s2.688 6 6 6h87c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#i)"
d="M292.5 266h-17c-3.313 0-6 2.688-6 6s2.688 6 6 6h17c3.313 0 6-2.688 6-6s-2.688-6-6-6zm0 0"
/>
<path
fill="url(#l)"
d="M134.625 177.586c-.043 0-.082-.008-.125-.008s-.082.008-.125.008c-6.297-.07-11.363-5.191-11.371-11.488 0-3.313-2.684-6-6-6-3.313 0-6 2.687-6 6a23.538 23.538 0 0 0 17.496 22.714V194c0 3.313 2.688 6 6 6s6-2.688 6-6v-5.188c11.418-3.015 18.824-14.03 17.305-25.742-1.524-11.707-11.496-20.468-23.305-20.468-6.352 0-11.5-5.149-11.5-11.5 0-6.352 5.148-11.5 11.5-11.5s11.5 5.148 11.5 11.5c0 3.312 2.688 6 6 6s6-2.688 6-6a23.533 23.533 0 0 0-17.5-22.711V104c0-3.313-2.688-6-6-6s-6 2.688-6 6v4.39c-11.414 3.016-18.82 14.036-17.3 25.743 1.519 11.71 11.491 20.472 23.3 20.469 6.313.015 11.434 5.117 11.469 11.43s-5.031 11.472-11.344 11.554zm0 0"
/>
</svg>
More icons in the same style and category