Home/Libraries/Freehand free icons (Iconify)/modern-payment-e-wallet

Freehand free icons (Iconify)

ModernPaymentEWallet

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M5.59 11.481q.074.914.3 1.802c.26 1.381.391 2.282.641 3.283c.15.63.35 1.301.64 2.152a.3.3 0 0 0 .361.19a.29.29 0 0 0 .19-.36c-.24-.84-.39-1.501-.51-2.132c-.17-1.001-.25-1.892-.41-3.273c0-.33-.18-.911-.2-1.442a.87.87 0 0 1 .11-.58c.06-.08.19-.1.32-.14q.296-.09.6-.14l3.053-.601c1.001-.21 2.002-.46 2.953-.67a18 18 0 0 1 1.952-.331c.21 0 .64-.13 1.001-.18c.17 0 .32-.05.41 0c.202.185.34.431.391.7q.13.415.2.841c-.22 0-.43.05-.65.1c-.44.09-.871.2-1.302.3l-1.381.351q-.391.093-.75.27q-.287.165-.491.42a1.9 1.9 0 0 0-.31 1.432c.074.489.319.935.69 1.261c.354.277.792.422 1.241.41q.75-.067 1.482-.24l1.701-.34q.303-.024.591-.12a.7.7 0 0 0 .38-.39a1.7 1.7 0 0 0 .06-.651a8 8 0 0 0-.27-1.151l-.22-1.001a11.3 11.3 0 0 0-.34-1.902a1.86 1.86 0 0 0-.54-.84a1.23 1.23 0 0 0-.742-.201q-.62.027-1.23.13h-.581a.29.29 0 0 0-.21-.26a38 38 0 0 0-3.004-.891c-.68-.16-1.37-.3-2.062-.41a8 8 0 0 0-.83-.08a.26.26 0 0 0 .15-.18l.65-1.412s.1-.13.14-.21a.5.5 0 0 0 .15.06q.276.047.541.14q.406.12.791.3l1.391.6c.691.291 1.392.561 2.072.882c.48.22 1.001.46 1.432.72a.32.32 0 0 0 .45-.09a.33.33 0 0 0-.1-.45a20 20 0 0 0-2.342-1.472c-.801-.43-1.632-.8-2.463-1.19a6 6 0 0 0-.81-.271a5 5 0 0 0-.901-.11a2.6 2.6 0 0 0-.49 0a.7.7 0 0 0-.271.09a.57.57 0 0 0-.24.24c-.06.14-.11.37-.14.46l-.43 1.542a.28.28 0 0 0 .17.35h-.601a3 3 0 0 0-.41 0a.8.8 0 0 0-.24.07a.8.8 0 0 0-.351.431q-.104.346-.17.7L6.2 10.15q-.175.101-.31.25a1.63 1.63 0 0 0-.3 1.081m12.463 2.132l-.37.07l-1.662.2q-.675.135-1.362.18a.87.87 0 0 1-.55-.17a1.05 1.05 0 0 1-.31-.6a.8.8 0 0 1 .06-.63a.7.7 0 0 1 .25-.231q.22-.125.46-.2l1.302-.47c.42-.14.83-.3 1.25-.421q.292-.09.591-.15v.21l.13 1.001q.105.451.16.91a1 1 0 0 1 .05.301m-10.4-5.265c.12-.32.18-.47.41-.48q.355-.024.71 0c.25 0 .491 0 .731.07c1.001.11 2.002.26 3.003.44c.35.06.69.14 1.001.21h-.11c-1 .17-2.002.39-3.003.57l-3.083.601l-.34.11zm11.332 8.078a5 5 0 0 0-.1-1.391a.33.33 0 0 0-.643-.046a.3.3 0 0 0-.008.126c.06.391.06.79 0 1.18c-.042.2-.143.381-.29.521a2.4 2.4 0 0 1-.921.37q-.858.19-1.732.291c-1.001.18-1.932.31-2.883.48c-1.451.27-2.883.591-4.324.931a.29.29 0 1 0 .11.57c1.451-.19 2.913-.28 4.374-.46c1.001-.12 1.942-.29 2.913-.46a15 15 0 0 0 2.072-.53c.347-.122.665-.317.931-.571c.272-.274.448-.629.5-1.011M5.56 3.283a.33.33 0 1 0-.38-.53q-.694.345-1.321.8a5 5 0 0 0-.52.44a5 5 0 0 0-.441.501q-.45.647-.781 1.362a.3.3 0 0 0 .08.4a.29.29 0 0 0 .4-.07q.51-.528 1.072-1.001l.44-.42l.43-.441c.33-.33.651-.71 1.021-1.041m3.634-1.742a9 9 0 0 1 1.541-.24l.751-.11c.25 0 .5-.09.76-.11c.261-.02.531 0 .802 0a.31.31 0 0 0 .36-.27a.32.32 0 0 0-.27-.37A7.3 7.3 0 0 0 11.626.13q-.33-.03-.66 0q-.338.035-.661.14a5.6 5.6 0 0 0-1.331.72a.29.29 0 0 0-.14.381a.29.29 0 0 0 .36.17m7.357.391q.329.201.62.45c.161.13.281.28.431.41l.42.41q.709.624 1.342 1.322a.321.321 0 0 0 .583-.252a.3.3 0 0 0-.053-.118q-.316-.673-.73-1.291a3.4 3.4 0 0 0-.43-.5a3 3 0 0 0-.521-.371a4.6 4.6 0 0 0-1.462-.55a.3.3 0 0 0-.37.17a.29.29 0 0 0 .17.32M23.178 10a.326.326 0 0 0 .64-.11a7.7 7.7 0 0 0-.19-1.512a4.5 4.5 0 0 0-.47-1.211a9 9 0 0 0-.911-1.171a.28.28 0 0 0-.39-.09a.29.29 0 0 0-.1.39c.21.5.33 1.001.51 1.541c.11.29.24.581.37.871q.304.632.54 1.292m.651 3.473a.29.29 0 1 0-.57 0c-.12.48-.26.921-.35 1.371c0 .22-.06.44-.09.651c-.03.21 0 .42-.08.64q-.063.319-.18.621a.32.32 0 0 0 .227.493a.32.32 0 0 0 .323-.152c.3-.352.534-.756.69-1.192q.131-.289.19-.6a3.4 3.4 0 0 0 0-.56q-.045-.64-.16-1.272m-2.722 5.836c-.38.22-.771.4-1.141.62a5 5 0 0 0-.45.31q-.227.16-.431.341c-.33.27-.63.56-1.001.83a.33.33 0 1 0 .33.562q.631-.234 1.231-.541q.255-.135.49-.3q.235-.168.441-.37q.473-.474.881-1.002a.29.29 0 0 0 0-.4a.3.3 0 0 0-.35-.05m-5.126 3.433h-1.4a7 7 0 0 0-.802.11c-.4.06-.79.16-1.2.21a.32.32 0 0 0 0 .641c.42.095.85.155 1.28.18a4.3 4.3 0 0 0 1.092-.11q.604-.195 1.18-.46a.28.28 0 0 0 .23-.219a.3.3 0 0 0 .001-.112a.3.3 0 0 0-.38-.24m-6.907.21c-.57-.21-1.001-.48-1.532-.71l-.92-.37c-.461-.19-.932-.351-1.412-.581a.33.33 0 1 0-.35.55q.595.513 1.26.931q.295.181.611.32q.31.14.641.22q.79.183 1.602.201a.29.29 0 0 0 .34-.22a.29.29 0 0 0-.24-.34m-6.747-4.945c-.12-.26-.27-.511-.42-.771s-.47-.751-.66-1.151a.33.33 0 0 0-.604-.05a.32.32 0 0 0-.017.25q.107.715.34 1.401q.096.284.23.55q.138.262.31.501q.43.54.941 1.001a.29.29 0 0 0 .426.106a.29.29 0 0 0 .045-.436c-.23-.4-.37-.901-.59-1.401M.786 13.063q.08-.79.26-1.562c0-.26.07-.52.1-.77s.05-.531.09-.791q.06-.39.15-.781a.323.323 0 1 0-.6-.24a7 7 0 0 0-.621 1.39a3.7 3.7 0 0 0-.15.692q-.03.33 0 .66c.022.512.106 1.02.25 1.512a.3.3 0 0 0 .32.26a.29.29 0 0 0 .2-.37" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ModernPaymentEWalletIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.