Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as business, banking, debit card, payment method, browser, commerce and shopping, credit card, money card, online store, online payment, and business and finance. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="558.355"
y2="617.849"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 0H8a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8zM16 16h448v48H16V16zm448 448H16V80h448v384z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.875"
x2="-26.875"
y1="558.355"
y2="617.849"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M100 384h280c15.464 0 28-12.536 28-28s-12.536-28-28-28h-7.384c30.992-73.242-3.258-157.74-76.5-188.732s-157.74 3.258-188.732 76.5a143.997 143.997 0 0 0 0 112.232H100c-15.464 0-28 12.536-28 28s12.536 28 28 28zm64.376-52.936A94.972 94.972 0 0 1 144 272c0-53.019 42.981-96 96-96s96 42.981 96 96a94.975 94.975 0 0 1-20.368 59.064c-32.559 41.766-92.812 49.23-134.578 16.67a95.878 95.878 0 0 1-16.67-16.67h-.008zM392 356c0 6.627-5.373 12-12 12h-32.888a141.705 141.705 0 0 0 17.432-24H380c6.627 0 12 5.373 12 12zM240 144c70.658.084 127.916 57.342 128 128a127.848 127.848 0 0 1-43.368 96h-26.888a112.735 112.735 0 0 0 30.48-27.064A110.862 110.862 0 0 0 352 272c0-61.856-50.144-112-112-112s-112 50.144-112 112a110.864 110.864 0 0 0 23.768 68.92A112.731 112.731 0 0 0 182.256 368h-26.888A127.898 127.898 0 0 1 112 272c.084-70.658 57.342-127.916 128-128zM100 344h15.456a141.84 141.84 0 0 0 17.432 24H100c-6.627 0-12-5.373-12-12s5.373-12 12-12z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-26.875"
x2="-26.875"
y1="558.355"
y2="617.849"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M240 328c-13.255 0-24-10.745-24-24a8 8 0 0 0-16 0c.024 19.001 13.389 35.373 32 39.2v8.8a8 8 0 0 0 16 0v-8.8c21.65-4.396 35.636-25.51 31.24-47.16-3.788-18.658-20.202-32.059-39.24-32.04-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24a8 8 0 0 0 16 0c-.024-19.001-13.389-35.373-32-39.2V192a8 8 0 0 0-16 0v8.8c-21.65 4.396-35.636 25.51-31.24 47.16 3.789 18.657 20.202 32.059 39.24 32.04 13.255 0 24 10.745 24 24s-10.745 24-24 24z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-51.875"
x2="-51.875"
y1="558.355"
y2="617.849"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M32 32h16v16H32V32z" fill="url(#d)" />
<linearGradient
id="e"
x1="-47.875"
x2="-47.875"
y1="558.355"
y2="617.849"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M64 32h16v16H64V32z" fill="url(#e)" />
<linearGradient
id="f"
x1="-43.875"
x2="-43.875"
y1="558.355"
y2="617.849"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M96 32h16v16H96V32z" fill="url(#f)" />
</svg>
More icons in the same style and category