Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as smartphone, mobile phone, debit card, payment method, commerce and shopping, credit card, money card, online store, online payment, communications, and mobile banking. Created in a clean lineal color style with a white, silver, gray, red, blue, and orange 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="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path
d="M997.257 347.887c-14.861 17.311-24.645 38.355-29.218 60.708-3.878 18.954-12.095 35.4-24.961 48.266-58.773 58.774-192.265 20.573-298.161-85.324C539.02 265.64 500.819 132.148 559.592 73.376c27.937-27.938 72.757-33.955 123.47-21.212 29.452 7.4 60.531 4.287 88.29-8.03 23.201-10.295 48.798-16.173 75.724-16.567 105.676-1.543 193.747 82.553 196.839 188.196 1.478 50.506-16.354 96.822-46.658 132.124"
/>
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path
d="M185.402 432.78c-19.88-22.707-44.981-40.124-72.987-51.371C44.574 354.168 0 308.167 0 256s44.574-98.168 112.415-125.409c28.006-11.247 53.107-28.664 72.987-51.372 30.033-34.304 68.919-55.004 111.402-55.004 59.782 0 112.447 40.98 143.337 103.197a206.762 206.762 0 0 0 37.511 52.751C499.495 202.466 512 228.368 512 256c0 27.63-12.505 53.534-34.348 75.837a206.762 206.762 0 0 0-37.511 52.751c-30.89 62.217-83.555 103.196-143.337 103.196-42.483 0-81.369-20.698-111.402-55.004"
/>
</clipPath>
<clipPath id="j" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="k" clipPathUnits="userSpaceOnUse">
<path d="M46 393.045h420V48.619H46Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 537.14282 537.14282 0 788 -86.193)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#fff" />
<stop offset=".002" stop-opacity="1" stop-color="#fff" />
<stop offset=".992" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="0" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 537.14282 537.14282 0 788 -86.193)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffc599" />
<stop offset=".002" stop-opacity="1" stop-color="#ffc599" />
<stop offset=".992" stop-opacity="1" stop-color="#ffe8dc" />
<stop offset="1" stop-opacity="1" stop-color="#ffe8dc" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-881.90708 881.90708) rotate(-79.811 .274 .612)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#fff" />
<stop offset=".007" stop-opacity="1" stop-color="#fff" />
<stop offset=".992" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="0" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-881.90708 881.90708) rotate(-79.811 .274 .612)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#9494ff" />
<stop offset=".007" stop-opacity="1" stop-color="#9494ff" />
<stop offset=".992" stop-opacity="1" stop-color="#ffe8dc" />
<stop offset="1" stop-opacity="1" stop-color="#ffe8dc" />
</linearGradient>
<mask
id="e"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
<mask
id="h"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#b)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#d)">
<g mask="url(#e)">
<path
d="M997.257 347.887c-14.861 17.311-24.645 38.355-29.218 60.708-3.878 18.954-12.095 35.4-24.961 48.266-58.773 58.774-192.265 20.573-298.161-85.324C539.02 265.64 500.819 132.148 559.592 73.376c27.937-27.938 72.757-33.955 123.47-21.212 29.452 7.4 60.531 4.287 88.29-8.03 23.201-10.295 48.798-16.173 75.724-16.567 105.676-1.543 193.747 82.553 196.839 188.196 1.478 50.506-16.354 96.822-46.658 132.124"
fill="url(#f)"
stroke="none"
/>
</g>
</g>
</g>
<g clip-path="url(#g)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#h)">
<path
d="M185.402 432.78c-19.88-22.707-44.981-40.124-72.987-51.371C44.574 354.168 0 308.167 0 256s44.574-98.168 112.415-125.409c28.006-11.247 53.107-28.664 72.987-51.372 30.033-34.304 68.919-55.004 111.402-55.004 59.782 0 112.447 40.98 143.337 103.197a206.762 206.762 0 0 0 37.511 52.751C499.495 202.466 512 228.368 512 256c0 27.63-12.505 53.534-34.348 75.837a206.762 206.762 0 0 0-37.511 52.751c-30.89 62.217-83.555 103.196-143.337 103.196-42.483 0-81.369-20.698-111.402-55.004"
fill="url(#i)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#j)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#k)" opacity=".1">
<path
d="M0 0h-375.789c-12.209 0-22.106-9.896-22.106-22.104V-213.88c0-12.208 9.897-22.105 22.106-22.105h102.874V-270.9h-55.069c-2.761 0-5-2.24-5-5v-38.526c0-16.568 13.431-30 30-30h168.86l-.005.001h.074c16.569 0 30 13.431 30 30v78.44h16.57v-12.451a6.885 6.885 0 0 1 6.885-6.884h53.143a6.885 6.885 0 0 1 6.886 6.884v12.451H0c12.208 0 22.105 9.897 22.105 22.105v191.776C22.105-9.896 12.208 0 0 0"
transform="translate(443.894 393.045)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0v21.522h66.914V0a6.885 6.885 0 0 0-6.886-6.885H6.885A6.885 6.885 0 0 0 0 0"
transform="translate(356.41 165.61)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.672h135.766V0c0 3.803-3.083 3.735-6.886 3.735H6.885C3.083 3.735 0 3.803 0 0"
transform="translate(287.558 429.646)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v191.774c0 12.209 9.897 22.106 22.105 22.106h375.79c12.208 0 22.105-9.897 22.105-22.106V0c0-12.209-9.897-22.105-22.105-22.105H22.105C9.897-22.105 0-12.209 0 0"
transform="translate(46 200.165)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M413.87 178.062H98.13v235.979h315.74z"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v40.52a5 5 0 0 0 10 0V0A5 5 0 1 0 0 0"
transform="translate(435 275.793)"
fill="#ff4d4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.667a5 5 0 0 1-5-5v-30.667a5 5 0 0 1 5-5H0a5 5 0 0 1 5 5V-5a5 5 0 0 1-5 5"
transform="translate(79 316.386)"
fill="#ff4d4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v16.52a5 5 0 1 0 10 0V0A5 5 0 1 0 0 0"
transform="translate(67.667 217.043)"
fill="#ff4d4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v16.52a5 5 0 1 0 10 0V0A5 5 0 1 0 0 0"
transform="translate(67.667 358.543)"
fill="#ff4d4d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-253.682a6.16 6.16 0 0 0-6.159 6.159v47.587a6.159 6.159 0 0 0 6.159 6.159H0a6.159 6.159 0 0 0 6.159-6.159V6.159A6.16 6.16 0 0 0 0 0"
transform="translate(382.84 312.185)"
fill="#9494ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-59.907-59.906h-42.056L-42.057 0Z"
transform="translate(371.904 372.084)"
fill="#b3b3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-7.489l-46.257-46.258h-16.532l33.248 33.249L-3.486 5.544A6.134 6.134 0 0 0 0 0"
transform="translate(388.99 365.925)"
fill="#b3b3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.59 5.59 0 1 0 11.18 0A5.59 5.59 0 0 0 0 0"
transform="translate(363.75 284.054)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.59 5.59 0 1 0 11.18 0A5.59 5.59 0 0 0 0 0"
transform="translate(346.84 284.054)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5.59 5.59 0 1 0 0 11.18A5.59 5.59 0 0 0 0 0"
transform="translate(335.52 278.464)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-229.039a5 5 0 0 0-5 5v40.5a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(369.93 220.708)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-178.025h138.86c16.569 0 30 13.431 30 30V0Z"
transform="translate(170.98 247.644)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M339.84 247.645H170.98v-15.437h168.86z"
fill="#ebebff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v38.524a5 5 0 0 1-5 5h-158.86a5 5 0 0 1-5-5V0c0-16.568 13.431-30 30-30H30C13.43-30 0-16.569 0 0"
transform="translate(279.77 99.62)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 3.929 3.929L7.857 0 3.929-3.929Zm7.464-14.535 11 11a4.998 4.998 0 0 1 0 7.07l-11 11a5 5 0 0 1-7.071 0l-11-11a4.998 4.998 0 0 1 0-7.07l11-11A4.984 4.984 0 0 1 3.929-16c1.279 0 2.559.488 3.535 1.465"
transform="translate(152.071 342.138)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 3.929-3.929L0-7.857l-3.929 3.928Zm0-19.929c1.28 0 2.559.489 3.536 1.465l11 11a5 5 0 0 1 0 7.07l-11 11a4.999 4.999 0 0 1-7.072 0l-11-11a5 5 0 0 1 0-7.07l11-11A4.988 4.988 0 0 1 0-19.929"
transform="translate(194.5 346.066)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 3.929-3.929L0-7.857l-3.929 3.928Zm0-19.929c1.28 0 2.559.489 3.536 1.465l11 11a5 5 0 0 1 0 7.07l-11 11a4.999 4.999 0 0 1-7.072 0l-11-11a5 5 0 0 1 0-7.07l11-11A4.988 4.988 0 0 1 0-19.929"
transform="translate(233 346.066)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 3.929-3.929L0-7.857l-3.929 3.928Zm0-19.929c1.28 0 2.559.489 3.536 1.465l11 11a5 5 0 0 1 0 7.07l-11 11a4.999 4.999 0 0 1-7.072 0l-11-11a5 5 0 0 1 0-7.07l11-11A4.988 4.988 0 0 1 0-19.929"
transform="translate(271.5 346.066)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.432-7.673-17.105-17.105-17.105h-25.022V208.88h25.022C-7.673 208.88 0 201.206 0 191.774Zm-42.677-34.556a1.886 1.886 0 0 0-1.885-1.884h-53.143c-1.04 0-1.885.845-1.885 1.884v7.451h56.913zm-58.215 253.436c-.711 1.894-2.525 3.25-4.668 3.25-2.143 0-3.957-1.356-4.668-3.25h-58.214v9.318c.56.019 1.189.023 1.688.018h122.389c.501.007 1.128.001 1.688-.018v-9.318zm-74.809-344.426h-144.388c-13.786 0-25 11.215-25 25v38.525h158.86v-38.525c0-9.784 4.035-18.642 10.528-25M-367.873-17.105h-25.022C-402.327-17.105-410-9.432-410 0v191.774c0 9.432 7.673 17.106 17.105 17.106h25.022zM-17.105 218.88h-15.572v10.6c0 3.778-1.877 6.669-5.151 7.934-2.079.803-4.343.794-6.54.802h-122.383c-2.198-.013-4.462.001-6.541-.802-3.273-1.265-5.15-4.156-5.15-7.934v-10.6h-214.453c-14.945 0-27.105-12.159-27.105-27.106V0c0-14.946 12.16-27.105 27.105-27.105h68.874a5 5 0 1 1 0 10h-33.852V208.88h305.746V-17.105h-64.033v59.584h5.141a5 5 0 0 1 0 10h-189.334a5 5 0 1 1 0-10h5.333v-94.5h-50.069c-5.515 0-10-4.487-10-10v-38.525c0-19.299 15.701-35 35-35h168.929c19.299 0 35 15.701 35 35v44.44a5 5 0 0 1-10 0v-44.44c0-13.785-11.215-25-25-25h-.069c-13.786 0-25 11.215-25 25v38.525c0 5.513-4.486 10-10 10h-98.791v94.5h158.86v-64.584a5 5 0 0 1 5-5h11.57v-7.451c0-6.553 5.331-11.884 11.885-11.884h53.143c6.554 0 11.885 5.331 11.885 11.884v7.451h15.572C-2.16-27.105 10-14.946 10 0v191.774c0 14.947-12.16 27.106-27.105 27.106"
transform="translate(461 200.165)"
fill="#00c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(301.564 179.365)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(214.564 199.59)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-33.5a5 5 0 1 0 0 10H0A5 5 0 1 0 0 0"
transform="translate(265.284 199.59)"
fill="#d9d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-3.536 8.535l10 10a5 5 0 0 0 7.072-7.07l-10-10A4.984 4.984 0 0 0 0 0"
transform="translate(155.648 433.588)"
fill="#ff6c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-3.536 8.535l10 10a5 5 0 0 0 7.072-7.07l-10-10A4.984 4.984 0 0 0 0 0"
transform="translate(384 90.592)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-3.536 8.535l10 10a5 5 0 0 0 7.072-7.07l-10-10A4.984 4.984 0 0 0 0 0"
transform="translate(67.667 126.483)"
fill="#6c6cff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.28 0-2.559.488-3.536 1.465L-10 7.929l-6.464-6.464a5 5 0 0 0-7.072 7.07l10 10a5 5 0 0 0 7.072 0l10-10A5 5 0 0 0 0 0"
transform="translate(430 449.7)"
fill="#ff9d33"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.28 0-2.559.488-3.536 1.465L-10 7.929l-6.464-6.464a5 5 0 0 0-7.072 7.07l10 10a5 5 0 0 0 7.072 0l10-10A5 5 0 0 0 0 0"
transform="translate(367.44 42.3)"
fill="#ff6c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category