Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as money, website, web page, online payment, euro, ecommerce, business and finance, and online banking. Created in a clean lineal color style with a white, silver, gray, black, yellow, lime, teal, and pink finish, 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>
<path
d="M503.52 375.769H8.516v89.976H503.52Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3a82bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v67.444h-22.532v-89.976h495.004V0Z"
transform="matrix(1.33333 0 0 -1.33333 41.397 151.6)"
fill="#2170a9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M503.52 46H8.516v330.736H503.52Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v308.182h-22.554V-22.554H472.45V0z"
transform="matrix(1.33333 0 0 -1.33333 41.427 591.261)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M38.639 405.747H293.5v30.02H38.639Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#e3edf6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M38.639 405.747h22.148v30.02H38.639Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#c5d9ec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-8.29 6.72-15.01 15.01-15.01S30.02-8.29 30.02 0 23.3 15.01 15.01 15.01 0 8.29 0 0"
transform="translate(383.472 420.759)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.29 6.72-15.01 15.01-15.01S30.02-8.29 30.02 0 23.3 15.01 15.01 15.01 0 8.29 0 0"
transform="translate(443.48 420.759)"
fill="#f072ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.29 6.72-15.01 15.01-15.01S30.02-8.29 30.02 0 23.3 15.01 15.01 15.01 0 8.29 0 0"
transform="translate(323.464 420.759)"
fill="#00d43d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.284c0-19.527 15.83-35.357 35.357-35.357s35.357 15.83 35.357 35.357V0Z"
transform="translate(8.523 375.769)"
fill="#f696c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v20.454h-22.468V-3.83c0-19.527 15.83-35.357 35.357-35.357 6.108 0 11.854 1.55 16.868 4.276C12.892-32.226 0-17.621 0 0"
transform="translate(30.99 355.314)"
fill="#f072ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.284c0-19.527 15.83-35.357 35.357-35.357s35.357 15.83 35.357 35.357V0Z"
transform="translate(79.237 375.769)"
fill="#feef8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v20.454h-22.468V-3.83c0-19.527 15.83-35.357 35.357-35.357 6.108 0 11.854 1.55 16.868 4.276C12.892-32.226 0-17.621 0 0"
transform="translate(101.705 355.314)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.284c0-19.527 15.83-35.357 35.357-35.357s35.357 15.83 35.357 35.357V0Z"
transform="translate(149.95 375.769)"
fill="#f696c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v20.454h-22.468V-3.83c0-19.527 15.83-35.357 35.357-35.357 6.108 0 11.854 1.55 16.868 4.276C12.892-32.226 0-17.621 0 0"
transform="translate(172.418 355.314)"
fill="#f072ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.284c0-19.527 15.83-35.357 35.357-35.357s35.357 15.83 35.357 35.357V0Z"
transform="translate(220.664 375.769)"
fill="#feef8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v20.454h-22.468V-3.83c0-19.527 15.83-35.357 35.357-35.357 6.108 0 11.854 1.55 16.868 4.276C12.892-32.226 0-17.621 0 0"
transform="translate(243.132 355.314)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.284c0-19.527 15.83-35.357 35.357-35.357s35.357 15.83 35.357 35.357V0Z"
transform="translate(291.378 375.769)"
fill="#f696c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v20.454h-22.468V-3.83c0-19.527 15.83-35.357 35.357-35.357 6.108 0 11.854 1.55 16.868 4.276C12.892-32.226 0-17.621 0 0"
transform="translate(313.846 355.314)"
fill="#f072ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.284c0-19.527 15.83-35.357 35.357-35.357s35.357 15.83 35.357 35.357V0Z"
transform="translate(362.092 375.769)"
fill="#feef8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v20.454h-22.468V-3.83c0-19.527 15.83-35.357 35.357-35.357 6.108 0 11.854 1.55 16.868 4.276C12.892-32.226 0-17.621 0 0"
transform="translate(384.56 355.314)"
fill="#fee95d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.284c0-19.527 15.83-35.357 35.357-35.357s35.357 15.83 35.357 35.357V0Z"
transform="translate(432.806 375.769)"
fill="#f696c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v20.454h-22.468V-3.83c0-19.527 15.83-35.357 35.357-35.357 6.108 0 11.854 1.55 16.868 4.276C12.892-32.226 0-17.621 0 0"
transform="translate(455.274 355.314)"
fill="#f072ae"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M180.947 106.064h-120v30h120z"
fill="#c6fff6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M82.745 106.064H60.947v30h21.798z"
fill="#a4fef1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M451.053 121.064H226.096v120h224.957z"
fill="#54e072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v97.404h-22.053v-120h224.957V0Z"
transform="translate(248.15 143.66)"
fill="#00d43d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15"
transform="translate(38.639 293.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15"
transform="translate(68.575 293.5)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.007 217.245h495l.016-419.745h-37.532"
transform="translate(8.523 248.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-412.468l-.008 187.5"
transform="translate(421 46)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-15"
transform="translate(451 46)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-22.361v30.02H232.5V0H15"
transform="translate(61 405.749)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.29 6.72-15.01 15.01-15.01S30.02-8.29 30.02 0 23.3 15.01 15.01 15.01 0 8.29 0 0Z"
transform="translate(443.48 420.759)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.29 6.72-15.01 15.01-15.01S30.02-8.29 30.02 0 23.3 15.01 15.01 15.01 0 8.29 0 0Z"
transform="translate(383.448 420.759)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.29 6.72-15.01 15.01-15.01S30.02-8.29 30.02 0 23.3 15.01 15.01 15.01 0 8.29 0 0Z"
transform="translate(323.464 420.759)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-495"
transform="translate(503.52 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.284c0-19.527-15.83-35.357-35.357-35.357s-35.357 15.83-35.357 35.357V0"
transform="translate(79.237 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.284c0-19.527-15.83-35.357-35.357-35.357s-35.357 15.83-35.357 35.357V0"
transform="translate(149.95 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.284c0-19.527-15.83-35.357-35.357-35.357s-35.357 15.83-35.357 35.357V0"
transform="translate(220.664 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.284c0-19.527-15.83-35.357-35.357-35.357s-35.357 15.83-35.357 35.357V0"
transform="translate(291.378 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.284c0-19.527-15.83-35.357-35.357-35.357s-35.357 15.83-35.357 35.357V0"
transform="translate(362.092 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.284c0-19.527-15.83-35.357-35.357-35.357s-35.357 15.83-35.357 35.357V0"
transform="translate(432.806 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.284c0-19.527-15.83-35.357-35.357-35.357s-35.357 15.83-35.357 35.357V0"
transform="translate(503.52 375.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(68.287 226.346)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(68.287 196.346)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-5.188-8.965-14.882-14.996-25.984-14.996-16.569 0-30 13.432-30 30v30c0 16.569 13.431 30 30 30 11.102 0 20.796-6.031 25.984-14.995"
transform="translate(154.271 181.342)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M180.947 105.782h-120v30h120z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v67.404h15.277c8.275 0 14.984-6.709 14.984-14.984 0-8.276-6.709-14.985-14.984-14.985H0"
transform="translate(255.507 143.659)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v44.883c0 12.426 10.074 22.5 22.5 22.5S45 57.309 45 44.883V0"
transform="translate(313.638 143.67)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h39.464"
transform="translate(316.406 166.116)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 22.499-30L45 0"
transform="translate(376.642 218.524)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-44.92"
transform="translate(399.14 188.524)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M451.053 121.064H226.096v120h224.957z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category