Home/Libraries/Freehand free icons (Iconify)/mobile-phone-smartphone

Freehand free icons (Iconify)

MobilePhoneSmartphone

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" d="M7.258 16.494c.33.08.673.08 1.003 0c.37-.082.698-.296.923-.602a1.53 1.53 0 0 0 .13-1.425a1.645 1.645 0 0 0-1.846-1.003c-.27.04-.524.154-.732.33a1.74 1.74 0 0 0-.602 1.415a1.415 1.415 0 0 0 1.124 1.285m.14-2.067a.7.7 0 0 1 .371-.25a.68.68 0 0 1 .773.571a.57.57 0 0 1-.13.532a.6.6 0 0 1-.362.12a1 1 0 0 1-.471 0a.42.42 0 0 1-.341-.421a.92.92 0 0 1 .16-.552m4.184-9.441l1.605-.712a66 66 0 0 1 2.288-1.004c.481-.682.27-1.003-1.164-.531c-.522.17-1.004.35-1.545.541c-.542.191-1.104.432-1.646.663q-.815.345-1.615.752l-.371.21C7.268 6.15 7.278 6.512 8.32 6.392l1.696-.733z"/><path fill="#818cf8" d="M22.056 6.38a13 13 0 0 0-.582-2.478a3.8 3.8 0 0 0-.562-.772a3.1 3.1 0 0 0-1.003-.602L17.1 1.434c-.591-.22-1.163-.461-1.745-.612S14.19.462 13.598.301c-.35-.09-.702-.211-1.073-.271a3 3 0 0 0-.843 0a2.66 2.66 0 0 0-1.274.551a7.4 7.4 0 0 0-1.284 1.224a33 33 0 0 0-1.897 2.609a41 41 0 0 0-1.665 2.76c-.793 1.444-1.696 3.009-2.398 4.614c-.411.933-1.174 3.13-1.174 3.16c0 .693-.15 1.616-.13 2.479a4.2 4.2 0 0 0 .371 1.746c.244.449.587.837 1.003 1.133q.848.59 1.766 1.064a31 31 0 0 0 3.291 1.675c.77.34 1.574.599 2.398.773a6.8 6.8 0 0 0 1.706.18a3.2 3.2 0 0 0 1.224-.29a6.1 6.1 0 0 0 2.086-1.666c.739-1 1.409-2.05 2.007-3.14a41 41 0 0 0 1.886-3.492a40 40 0 0 0 1.515-3.662c.21-.592.522-1.234.722-1.866a5 5 0 0 0 .221-.883a10 10 0 0 0 0-2.618M6.274 7.575c.1-.17 3.01-4.404 3.612-5.136a6.4 6.4 0 0 1 1.134-1.074c.22-.175.484-.29.763-.331q.278-.013.551.05c.331.07 7.114 2.508 7.114 2.508q.307.118.582.301a.44.44 0 0 1 .18.311a5.85 5.85 0 0 1-.461 2.579l-.271.632a75 75 0 0 1-1.094 2.428A37 37 0 0 1 17.17 12.2c-.642 1.133-1.264 2.267-1.916 3.39q-.06.088-.11.181a21 21 0 0 0-2.78-1.846a23 23 0 0 0-1.685-.893a41 41 0 0 0-1.666-.752l-3.16-1.274a10 10 0 0 0-1.395-.301c.592-1.054 1.234-2.127 1.816-3.13M3.786 12.07c.12-.25.251-.501.381-.752a8.2 8.2 0 0 1 1.746.602c.893.401 1.746.913 2.559 1.344c.812.432 1.545.753 2.387 1.124s1.586.702 2.348 1.104q.796.417 1.545.913q-.42.69-.873 1.364q-.42.704-.933 1.344c-.186.23-.433.404-.712.502a1.2 1.2 0 0 1-.381 0a6 6 0 0 1-.743-.14c-.461-.1-.903-.211-1.334-.342a9.4 9.4 0 0 1-1.274-.481c-.422-.2-.843-.421-1.254-.652a16 16 0 0 1-1.194-.753c-.673-.461-1.525-.903-2.258-1.435q-.51-.426-1.063-.792a15.3 15.3 0 0 1 1.053-2.95m17.478-3.23q-.09.517-.291 1.003c-.211.542-.482 1.073-.673 1.575a39 39 0 0 1-1.595 3.522a43 43 0 0 1-1.916 3.35a28 28 0 0 1-2.007 3.01a5 5 0 0 1-1.655 1.405a2.3 2.3 0 0 1-1.003.22a9 9 0 0 1-1.214-.15a11.6 11.6 0 0 1-2.218-.632a31 31 0 0 1-3.22-1.545a14 14 0 0 1-1.726-.933a2.7 2.7 0 0 1-.813-.833a3.5 3.5 0 0 1-.34-1.424q-.046-.838 0-1.676q.357.377.772.692c.722.542 1.575 1.004 2.237 1.485q.602.421 1.234.813c.432.25.863.492 1.304.712q.664.324 1.365.552q.692.226 1.405.381q.42.115.852.181c.239.024.48.007.713-.05a2.5 2.5 0 0 0 1.144-.743q.552-.676 1.003-1.424a31 31 0 0 0 1.445-2.208c.682-1.103 1.324-2.237 2.006-3.37a21 21 0 0 0 1.003-1.917c.492-1.003.943-2.006 1.375-2.95q.408-.894.692-1.836c0 .14 0 .281.07.432a9 9 0 0 1 .05 2.358"/><path fill="#818cf8" d="M11.592 7.996a40 40 0 0 0-1.595.812c-.984.532-1.987 1.104-2.89 1.706c-.532.552-.542.833.903.341c.27-.13.532-.28.813-.411c.933-.431 1.886-.813 2.829-1.214s1.896-.823 2.85-1.234c1.213-.562 2.437-1.134 3.671-1.666c.281-.12.572-.22.853-.33c1.204-.743.753-1.124 0-.854c-.391.12-.792.221-1.184.362a180 180 0 0 0-3.812 1.485c-.793.3-1.626.642-2.438 1.003"/></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. MobilePhoneSmartphoneIcon.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.