Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as computer, online, laptop, application, shopping, credit card, online payment, ecommerce, and business and finance. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-30v-360.38l30 60c16.5 0 30 13.5 30 30V-30C30-13.5 16.5 0 0 0"
transform="translate(429.754 443)"
fill="#4f575b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.5 0-30-13.5-30-30v-240c0-16.5 13.5-30 30-30l173.5-60L317-300c16.5 0 30 13.5 30 30v240c0 16.568-13.432 30-30 30z"
transform="translate(82.5 443)"
fill="#697276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-75h32.561c16.568 0 30 13.432 30 30z"
transform="translate(441.94 83)"
fill="#4f575b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-78.576-30c0-16.568 13.431-30 30-30h404.439c16.57 0 30 13.432 30 30V0Z"
transform="translate(86.076 68)"
fill="#697276"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a29.986 29.986 0 0 1-27.57 18.18h-32.56l64.779-105H37.21Z"
transform="translate(467.29 124.82)"
fill="#b1f2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.987-11.82-23.505-14.972L17.911-41.82l19.299-45h-464.44L-390.021 0a29.987 29.987 0 0 0 27.57 18.18H-27.57c12 0 22.84-7.15 27.57-18.18"
transform="translate(434.73 124.82)"
fill="#def9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.924 30H-380.36l-12.857-30Z"
transform="translate(452.642 83)"
fill="#b7c5c8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-60 120 60 120H0Z"
transform="translate(429.5 173)"
fill="#00cffa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M399.5 173h-317v240h317z"
fill="#63e4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-227c-16.569 0-30-13.432-30-30 0-16.568 13.431-30 30-30H0c16.568 0 30 13.432 30 30C30-13.432 16.568 0 0 0"
transform="translate(369.533 270.5)"
fill="#00add2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60c-16.5 0-30-13.5-30-30v-240c0-16.5 13.5-30 30-30"
transform="translate(142.5 443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c16.5 0 30 13.5 30 30v240c0 16.5-13.5 30-30 30h-60"
transform="translate(429.5 143)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-367.436a29.999 29.999 0 0 1-27.574-18.183L-432.218-105c0-16.5 13.5-30 30-30h437c16.5 0 30 13.5 30 30L27.574-18.183A29.998 29.998 0 0 1 0 0Z"
transform="translate(439.718 143)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h497"
transform="translate(7.5 38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-367.436l-12.857-30h393.15z"
transform="translate(439.718 113)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.569 0-30-13.432-30-30 0-16.568 13.431-30 30-30h227c16.568 0 30 13.432 30 30 0 16.568-13.432 30-30 30"
transform="translate(142.533 270.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-30L0-263.5h30V-30C30-13.431 16.568 0 0 0"
transform="translate(339.5 504)"
fill="#ffcd37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-75l-22.5-30L-120 0h-17c-16.568 0-30-13.431-30-30v-233.5h47l22.5 30 22.5-30H30V-30C30-13.431 16.568 0 0 0"
transform="translate(309.5 504)"
fill="#ffdf7d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M234.5 240.5h-45V504h45z"
fill="#4f575b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-142.5h227V91c0 16.568-13.432 30-30 30H30c-16.568 0-30-13.432-30-30V30h-60v-240h347V30h-60"
transform="translate(142.5 383)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-263.5"
transform="translate(189.5 504)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v263.5"
transform="translate(234.5 240.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category