Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as smartphone, payment method, commerce and shopping, shopping bag, online payment, online shopping, ecommerce, and cashless payment. Created in a clean outline color style with a white, silver, black, red, teal, blue, 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="40" height="62" x="8" y="1" fill="#0061fa" rx="4" />
<path
fill="#0049bb"
d="M47.64 60.64A3.988 3.988 0 0 1 44 63H12c-2.21 0-4-1.79-4-4V5c0-1.62.97-3.02 2.36-3.64-.23.5-.36 1.06-.36 1.64v54c0 2.21 1.79 4 4 4h32c.58 0 1.14-.13 1.64-.36z"
/>
<path
fill="#ffeadc"
d="M44 59H12V5h11l.45.89A2 2 0 0 0 25.24 7h5.52a2 2 0 0 0 1.79-1.11L33 5h11z"
/>
<path fill="#f2cbb1" d="M44 56v3H12V5h4v35c0 8.84 7.16 16 16 16z" />
<path fill="#feb0a3" d="M56 63H38l2-18h14z" />
<path
fill="#e59e95"
d="M56 63H38l2-18h1.78l-.55 4.9c-.65 5.92 3.98 11.1 9.94 11.1h4.61z"
/>
<circle cx="28" cy="32" r="10" fill="#ff2b4a" />
<path
fill="#e50a34"
d="M36.41 37.41A9.992 9.992 0 0 1 28 42c-5.52 0-10-4.48-10-10 0-3.53 1.83-6.63 4.59-8.41A9.923 9.923 0 0 0 21 29c0 5.52 4.48 10 10 10 1.99 0 3.85-.58 5.41-1.59z"
/>
<g fill="#330505">
<path
d="M32 54h-8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2zM28 29h2a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-2 0v1.184A2.995 2.995 0 0 0 25 30c0 1.654 1.346 3 3 3 .551 0 1 .449 1 1s-.449 1-1 1h-2a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1.184A2.995 2.995 0 0 0 31 34c0-1.654-1.346-3-3-3-.551 0-1-.449-1-1s.449-1 1-1zM20.203 16.906c4.776-2.494 10.819-2.494 15.594 0a.997.997 0 0 0 1.349-.423 1 1 0 0 0-.423-1.35c-5.345-2.791-12.1-2.791-17.446 0a1 1 0 1 0 .926 1.773z"
/>
<path
d="M21.197 18.628a1 1 0 1 0 .905 1.784 13.082 13.082 0 0 1 11.795 0 1 1 0 1 0 .905-1.783c-4.194-2.131-9.41-2.131-13.605 0zM28 21c-6.065 0-11 4.935-11 11s4.935 11 11 11 11-4.935 11-11-4.935-11-11-11zm0 20c-4.962 0-9-4.038-9-9s4.038-9 9-9 9 4.038 9 9-4.038 9-9 9z"
/>
<path
d="M54.994 44.89A1 1 0 0 0 54 44h-5V5c0-2.757-2.243-5-5-5H12C9.243 0 7 2.243 7 5v54c0 2.757 2.243 5 5 5h44a1 1 0 0 0 .994-1.11l-2-18zM9 59V5c0-1.654 1.346-3 3-3h32c1.654 0 3 1.346 3 3v39h-2V5a1 1 0 0 0-1-1H33a1 1 0 0 0-.893.549l-.452.894A.997.997 0 0 1 30.76 6h-5.52a.999.999 0 0 1-.897-.561l-.45-.89A1 1 0 0 0 23 4H12a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h25.327l-.222 2H12c-1.654 0-3-1.346-3-3zm31-15a1 1 0 0 0-.994.89L37.55 58H13V6h9.385l.17.337A2.987 2.987 0 0 0 25.24 8h5.52a2.985 2.985 0 0 0 2.682-1.659L33.615 6H43v38h-3zm-.883 18 1.778-16h12.21l1.778 16z"
/>
<path
d="M50 48a1 1 0 0 0-1 1v2c0 1.103-.897 2-2 2s-2-.897-2-2v-2a1 1 0 0 0-2 0v2c0 2.206 1.794 4 4 4s4-1.794 4-4v-2a1 1 0 0 0-1-1z"
/>
</g>
</svg>
More icons in the same style and category