Add icons to this collection by clicking the heart icon.
Online Payment icon - also known as business, smartphone, payment method, credit card, online payment, business and finance, mobile banking, electronic banking, and cashless payment. Created in a clean outline color style with a white, gray, black, red, yellow, 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="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<rect width="38" height="58" x="7" y="3" fill="#e6e6e6" rx="2" />
<path
fill="#f2f2f2"
d="M27.99 3a318.392 318.392 0 0 1-5.66 58H9a2.006 2.006 0 0 1-2-2V5a2.006 2.006 0 0 1 2-2z"
/>
<path
fill="#4d4d4d"
d="M45 5v2H34v2a2.006 2.006 0 0 1-2 2H20a2.006 2.006 0 0 1-2-2V7H7V5a2.006 2.006 0 0 1 2-2h34a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#4d4d4d"
d="M27.99 3c-.01 2.68-.06 5.34-.15 8H20a2.006 2.006 0 0 1-2-2V7H7V5a2.006 2.006 0 0 1 2-2z"
/>
<path
fill="#333"
d="M45 53v6a2.006 2.006 0 0 1-2 2H9a2.006 2.006 0 0 1-2-2v-6z"
/>
<path
fill="#4d4d4d"
d="M23.75 53q-.66 4.02-1.42 8H9a2.006 2.006 0 0 1-2-2v-6z"
/>
<path
fill="#f2f2f2"
d="M31 58H21a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM25 9h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM30 9h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z"
/>
<rect width="38" height="26" x="19" y="19" fill="#ee4042" rx="1" />
<path
fill="#ff5543"
d="M40.91 19a47.682 47.682 0 0 1-9.66 26H20a1.003 1.003 0 0 1-1-1V20a1.003 1.003 0 0 1 1-1z"
/>
<rect width="8" height="6" x="23" y="23" fill="#ffc239" rx="1" />
<g fill="#f2f2f2">
<path
d="M27 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM35 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM43 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM51 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM33 38H23a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM31 42h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="#ffe266"
d="M28.86 23a13.865 13.865 0 0 1-2.38 6H24a1.003 1.003 0 0 1-1-1v-4a1.003 1.003 0 0 1 1-1z"
/>
<path
d="M32 12H20a3.003 3.003 0 0 1-3-3V8H7a1 1 0 0 1-1-1V5a3.003 3.003 0 0 1 3-3h34a3.003 3.003 0 0 1 3 3v2a1 1 0 0 1-1 1H35v1a3.003 3.003 0 0 1-3 3zM8 6h10a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a1 1 0 0 1 1-1h10V5a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1zM43 62H9a3.003 3.003 0 0 1-3-3v-6a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v6a3.003 3.003 0 0 1-3 3zM8 54v5a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-5z"
/>
<path
d="M31 58H21a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM25 9h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zM30 9h-1a1 1 0 0 1 0-2h1a1 1 0 0 1 0 2z"
/>
<path
d="M43 62H9a3.003 3.003 0 0 1-3-3V5a3.003 3.003 0 0 1 3-3h34a3.003 3.003 0 0 1 3 3v14a1 1 0 0 1-2 0V5a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V45a1 1 0 0 1 2 0v14a3.003 3.003 0 0 1-3 3z"
/>
<path
d="M56 46H20a2.002 2.002 0 0 1-2-2V20a2.002 2.002 0 0 1 2-2h36a2.002 2.002 0 0 1 2 2v24a2.002 2.002 0 0 1-2 2zM20 20v24h36.002L56 20z"
/>
<path
d="M30 30h-6a2.002 2.002 0 0 1-2-2v-4a2.002 2.002 0 0 1 2-2h6a2.002 2.002 0 0 1 2 2v4a2.002 2.002 0 0 1-2 2zm-6-6v4h6.002L30 24zM27 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM35 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM43 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM51 34h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM33 38H23a1 1 0 0 1 0-2h10a1 1 0 0 1 0 2zM31 42h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category