Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as technology, computer, dollar, money, laptop, 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#20f6a8" />
</linearGradient>
<linearGradient
id="b"
x1="32.007"
x2="32.007"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="50"
x2="50"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="14"
x2="14"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="51"
x2="51"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="13"
x2="13"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="32.001"
x2="32.001"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="49"
x2="49"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="15"
x2="15"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M33.819 18.662a10.307 10.307 0 0 0-1.771-.154c-4.451 0-8.442 2.794-9.932 6.952-1.705 4.761.338 10.221 4.753 12.699a10.395 10.395 0 0 0 5.077 1.317c3.196 0 6.278-1.462 8.244-3.91a10.532 10.532 0 0 0 2.306-6.565c0-5.03-3.73-9.475-8.677-10.339zm4.811 15.651c-1.589 1.98-4.088 3.162-6.683 3.162a8.39 8.39 0 0 1-4.099-1.061c-3.575-2.006-5.229-6.426-3.849-10.28 1.187-3.313 4.496-5.626 8.049-5.626.478 0 .958.042 1.428.124 4.002.7 7.021 4.298 7.021 8.369a8.524 8.524 0 0 1-1.867 5.312z"
/>
<path
fill="url(#c)"
d="M32 22.504a1 1 0 0 0-1 1v1.499a1 1 0 0 0 2 0v-1.499a1 1 0 0 0-1-1zM32 31.997a1 1 0 0 0-1 1v1.499a1 1 0 0 0 2 0v-1.499a1 1 0 0 0-1-1z"
/>
<path fill="url(#d)" d="M49 43.496a1 1 0 1 0 2 0V16.504a1 1 0 1 0-2 0z" />
<path
fill="url(#e)"
d="M14 44.496a1 1 0 0 0 1-1V16.504a1 1 0 0 0-2 0v26.992a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M47 49.496a1 1 0 0 0 1 1c3.859 0 7-3.14 7-7a1 1 0 1 0-2 0c0 2.757-2.243 5-5 5a1 1 0 0 0-1 1z"
/>
<path
fill="url(#g)"
d="M16 50.496a1 1 0 0 0 0-2c-2.757 0-5-2.243-5-5a1 1 0 0 0-2 0c0 3.86 3.14 7 7 7z"
/>
<g fill="url(#h)">
<path
d="M16 15.504h32a1 1 0 1 0 0-2H16a1 1 0 0 0 0 2zM33.499 31.997h-2.998a.5.5 0 0 1-.499-.499 1 1 0 0 0-2 0 2.502 2.502 0 0 0 2.499 2.499h2.998a2.502 2.502 0 0 0 2.499-2.499v-.999A2.502 2.502 0 0 0 33.499 28h-2.998a.5.5 0 0 1-.499-.499v-.999a.5.5 0 0 1 .499-.499h2.998a.5.5 0 0 1 .499.499 1 1 0 1 0 2 0 2.502 2.502 0 0 0-2.499-2.499h-2.998a2.502 2.502 0 0 0-2.499 2.499v.999A2.502 2.502 0 0 0 30.501 30h2.998a.5.5 0 0 1 .499.499v.999a.5.5 0 0 1-.499.499zM48 48.496H16a1 1 0 0 0 0 2h32a1 1 0 1 0 0-2zM10 44.496h44a1 1 0 1 0 0-2H10a1 1 0 0 0 0 2z"
/>
</g>
<path
fill="url(#i)"
d="M48 15.504c.552 0 1 .449 1 1a1 1 0 1 0 2 0c0-1.654-1.346-3-3-3a1 1 0 1 0 0 2z"
/>
<path
fill="url(#j)"
d="M14 17.504a1 1 0 0 0 1-1c0-.551.449-1 1-1a1 1 0 0 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
</svg>
More icons in the same style and category