Home/Libraries/Freehand free icons (Iconify)/modern-payment-wireless-smartphone

Freehand free icons (Iconify)

ModernPaymentWirelessSmartphone

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M20.48 19.79a1.26 1.26 0 0 0 0-2.149a6.7 6.7 0 0 0-2.36-.64a.3.3 0 0 1-.05-.11c-.09-.46.76-.8 1.19-.84a.94.94 0 0 1 .81.4a.3.3 0 1 0 .53-.26a1.6 1.6 0 0 0-1.22-.87c.17-.63-.29-1.4-.5-1.41a.3.3 0 0 0-.31.28c-.27.5-.36.72-.12 1.22a2.6 2.6 0 0 0-.81.35a1.32 1.32 0 0 0-.16 2.12c.37.29 1.49.3 2.2.6s.26 1-1.12.72a2 2 0 0 1-.84-.32c-.45-.35-1.27.61.86 1.11c-.38.61.19 1.4.46 1.38s.59-.91.48-1.16a1 1 0 0 0-.06-.11a2 2 0 0 0 1.02-.31"/><path d="M22.769 11.402a.29.29 0 0 0-.438-.212a.29.29 0 0 0-.142.292c.29 2.36.83 8.089.87 10.059c0 .36.21.37-.81.71c-1.55.52-5.26.9-6.459.46c-.47-.17-1-6.38-1.06-6.89c-.47-5.079-.27-4.619.45-4.879c.19.76.44 1.69 1.12 1.84a9.4 9.4 0 0 0 4.15-.2c.47-.36.59-.92 1-2.19l.5.08a.332.332 0 1 0 .14-.65c-1.69-.4-7.84-.41-8.39 1.14s.4 11.068.95 12.218a1.57 1.57 0 0 0 1.14.7c1.76.38 7.429-.14 8.139-1.61c.33-.66-1.03-10.078-1.16-10.868m-2-1.07c-.19.35-.36.8-.57 1.15s-.23.26-.43.27l-3.239.07c.15-.27-.19-.76-.49-1.12a19.6 19.6 0 0 1 4.71-.37zM18.89 6.133a2.11 2.11 0 0 0-2.53 1.36a.3.3 0 0 0 .52.28c.51-.66 2.4-.8 2.81-.3a.332.332 0 0 0 .57-.34a2 2 0 0 0-1.37-1"/><path d="M14.48 6.463c.67.22.31-2.26 4-2.56c1.56-.13 2.37.61 3.24 1.91a.34.34 0 0 0 .579-.34a5.6 5.6 0 0 0-1.45-1.94a4.27 4.27 0 0 0-6.579 2.56a.29.29 0 0 0 .21.37m-3.17 9.469a38 38 0 0 0-5.248 0c-1.06.07-5.25.6-5.33.61c-1 .11-.9.7 0 .59c4.1-.26 4-.28 5.32-.28c.92 0 4.439.08 4.519.09s.22.08.3.09q.018.918.13 1.829c-.25.06-.92 0-1.32 0c-7.059.74-8.568.94-8.708 1a.41.41 0 0 0-.32.37c0 .29 0 .57 3.829.1l5.32-.33c.41 0 .879.05 1.269 0c1.3-.14 1-1 1-1.39c0-1.38.16-2.39-.76-2.68M2.112 6.343c2 .13 1 0 4.3.42h1.17c.9 0 .68.39.87 1.14c.55 2.1.45 1.88.37 1.88c-3.73.09-2.62-.36-5.21-.15c-.4 0-.79.1-1.19.13s-1.5 0-1.83.53a.292.292 0 1 0 .46.36c.21-.23.5 0 4.27.06a14 14 0 0 0 3.68-.32l.36 1.61c.68 2.839.31 2.569.64 2.909c.17.17.639.21.579-.35c0-.15-.1-.54-.09-.68a11 11 0 0 0-.28-2.05c-.22-1.34-.43-4.1-1.08-5.359s-1.64-.72-2.92-.77a2 2 0 0 0 .35-1.47c1.71.1 2.06.13 2.44-.23s.16-1.25.18-1.57c0-.55.23-1.569-.18-1.999s-.78-.16-1.11-.19c-.62-.06-1.25-.02-1.89-.04c-.81-.03-1.109-.2-1.999-.2a3.4 3.4 0 0 0-1.56.29c-.32.18-.26.43-.11.57c.4.39.41-.46 2.77.09c.89.2 1.8.15 2.67.28c.1 0 .38.16.5.11c0 .63-.33.81-.24 1.75c-1.06.1-.22 0-4.35.12c-.58 0-1.4.66-1.38-.2c0-.63.42-1.56.2-1.82s-.49-.08-.59.22s0 .37-.08.48c-.19.69-.48 1.49 0 2s1.46.19 1.84.21l1.92.09a4.2 4.2 0 0 0-.21 1.48h-4c-1.1.21-2.669.46.73.67m-.109 6.838l.31.08a3.8 3.8 0 0 0 1.54-.26a.34.34 0 0 0-.3-.6a2.58 2.58 0 0 0-2.27-.06a.29.29 0 0 0-.27.31c-.01.24.07.25.99.53"/><path d="M5.002 12.462c0 .07 0 .26.15.32c.61.33 3.12.44 3-.24c.11-.77-3.15-.62-3.15-.08m-3.699 2.64c.281.093.574.15.87.17a3.7 3.7 0 0 0 1.73-.15a.34.34 0 0 0 0-.67c-.08 0-2.45-.66-2.78.27a.3.3 0 0 0 .18.38m3.999-.1c1.08.24 2.206.13 3.22-.31c.11-.16.18-.42-.13-.53a3.9 3.9 0 0 0-2.61.13c-.4.09-.89.07-.78.47c0 .09.09.24.3.24"/></g></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. ModernPaymentWirelessSmartphoneIcon.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.