Home/Libraries/Freehand free icons (Iconify)/expand-smartphone

Freehand free icons (Iconify)

ExpandSmartphone

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="M16.911 4.054a2.56 2.56 0 0 0-1.25-.46a15 15 0 0 0-2.499 0h-2.81a9 9 0 0 0-1.899.17a3.1 3.1 0 0 0-1.31.59a1.7 1.7 0 0 0-.5.82a4.3 4.3 0 0 0-.13 1.19C6.105 18.47 6.005 18.1 6.245 19.18a2.3 2.3 0 0 0 .55 1.15c.307.24.68.379 1.07.4q1.087.11 2.179.1l4.339.05a4.4 4.4 0 0 0 2.17-.41a1.88 1.88 0 0 0 .92-1.47c.09-.59.14-1.2.179-1.81c.05-.899.07-1.799.09-2.669l.09-5.738c.082-1.092.032-2.19-.15-3.27a2.68 2.68 0 0 0-.77-1.459m-6.578.59h4.709q-.165.699-.45 1.36a1.2 1.2 0 0 1-.43.58a1.6 1.6 0 0 1-.58.07c-.65 0-1.46-.06-1.87-.07c-2.189.05-1.799.15-1.999-.22a5 5 0 0 1-.27-.53l-.44-1.14a8.5 8.5 0 0 1 1.33-.05m6.348 4.119c0 .81-.05 1.57-.05 2.33v6.088c0 .58-.06 1.16-.13 1.72a1 1 0 0 1-.65.84a4.5 4.5 0 0 1-1.46.21L10.094 20h-1.82a1.77 1.77 0 0 1-.93-.21a1.92 1.92 0 0 1-.44-1.09c-.24-1.54 0-3.709.5-12.306a4.6 4.6 0 0 1 .08-.8a.9.9 0 0 1 .28-.51a1.45 1.45 0 0 1 .59-.26l.29 1.24q.131.489.36.94c.105.2.264.366.46.48c.247.107.511.168.78.18h3.39c.349-.027.69-.126.999-.29a1.9 1.9 0 0 0 .62-.83a7.8 7.8 0 0 0 .45-1.82c.161.025.315.087.45.18c.28.36.434.803.44 1.26c.108.862.138 1.732.09 2.599m6.077-7.608a1.7 1.7 0 0 0-.14-.6a.6.6 0 0 0-.24-.26a2 2 0 0 0-1.12-.13a10 10 0 0 0-1.89.52a.3.3 0 0 0-.22.37a.31.31 0 0 0 .37.22h1.35l-.13.1q-.2.169-.38.36c-.11.14-.22.27-.32.41c-.26.38-.46.74-.64 1a.35.35 0 0 0 .168.553a.34.34 0 0 0 .363-.113c.27-.23.59-.47.92-.76c.13-.12.25-.23.37-.36q.18-.178.32-.39c.09-.12.15-.23.23-.35q.146.643.2 1.3a.35.35 0 0 0 .3.38a.34.34 0 0 0 .38-.3c.093-.645.13-1.298.11-1.95M21.17 21a.3.3 0 0 0-.212-.26a.3.3 0 0 0-.318.101a.3.3 0 0 0-.07.219v.92a3.4 3.4 0 0 0-.33-.33a4 4 0 0 0-.38-.27a6.5 6.5 0 0 0-1-.47a.303.303 0 1 0-.33.51c.15.15.36.48.68.82q.152.165.33.3q.177.143.37.26l.24.15c-.38.16-.76.31-.89.35a.34.34 0 0 0-.153.614a.35.35 0 0 0 .254.066a13 13 0 0 0 1.64-.17c.267-.05.51-.187.69-.39c.095-.253.112-.528.05-.79c-.17-.53-.5-1.33-.57-1.63M4.394 23.16c-.27 0-1-.12-1.55-.22l.33-.25q.21-.18.39-.39q.188-.205.35-.43c.27-.37.49-.74.72-1.08a.343.343 0 1 0-.5-.47c-.32.25-.68.51-1 .82a3.6 3.6 0 0 0-.4.38a3.5 3.5 0 0 0-.349.43c0-.62-.08-1.27-.06-1.58a.31.31 0 0 0-.25-.37a.3.3 0 0 0-.36.24a12.5 12.5 0 0 0-.45 2.15a3.5 3.5 0 0 0 0 .93a.8.8 0 0 0 .1.3a.9.9 0 0 0 .64.379q1.187.011 2.37-.11a.33.33 0 0 0 .33-.35a.34.34 0 0 0-.31-.38M4.855.775a.32.32 0 0 0 .34-.33a.33.33 0 0 0-.33-.35a11 11 0 0 0-1.77-.09a2.2 2.2 0 0 0-1 .26a1.62 1.62 0 0 0-.41 1.05a5.5 5.5 0 0 0 .2 1.85a.3.3 0 0 0 .38.2a.29.29 0 0 0 .23-.36a6 6 0 0 1 .21-1.16q0-.2.09-.36a4 4 0 0 0 .26.44q.134.19.29.36l.33.33c.38.33.72.57.84.68a.343.343 0 0 0 .55-.41a11 11 0 0 0-.57-1c-.09-.12-.18-.25-.28-.37a4 4 0 0 0-.34-.34l-.25-.17l.3-.07z" 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. ExpandSmartphoneIcon.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.