Home/Libraries/Freehand free icons (Iconify)/smartphone-app-widget-stock

Freehand free icons (Iconify)

SmartphoneAppWidgetStock

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="M20.537 19.345a4.9 4.9 0 0 0-2.002-.57a3 3 0 0 1-.731-.2a.5.5 0 0 1-.32-.331c-.16-.58.24-.891.75-1.001a3.7 3.7 0 0 1 1.933.15a.28.28 0 1 0 .23-.51a3.7 3.7 0 0 0-1.051-.331a1.1 1.1 0 0 0 .16-.43a3 3 0 0 0 0-.291v-.68a.32.32 0 0 0-.24-.391a.32.32 0 0 0-.39.23q-.187.31-.331.64q-.06.142-.09.291q-.015.146 0 .29q-.009.135 0 .27a2.8 2.8 0 0 0-.831.13a1.51 1.51 0 0 0-1.072 1.853a1.45 1.45 0 0 0 .791 1.001c.61.247 1.25.412 1.902.49c.411.09.821.15.841.591s-.43.751-1 .881a3.3 3.3 0 0 1-1.853-.06a1.4 1.4 0 0 1-.45-.3a3.7 3.7 0 0 1-.38-.5a.33.33 0 0 0-.596.098a.3.3 0 0 0 .045.242q.223.4.53.74c.187.166.4.298.63.391q.296.14.612.22v.09a2 2 0 0 0-.08.28a3 3 0 0 0 0 .281v.691a.32.32 0 1 0 .62.15q.192-.31.34-.64q.05-.139.08-.28q.015-.15 0-.301a1 1 0 0 0 0-.17c.427.02.854-.035 1.262-.16a1.72 1.72 0 0 0 1.352-1.703a1.41 1.41 0 0 0-.661-1.151M14.3 20.807s-3.474.16-6.468.1a21 21 0 0 1-3.364-.27a3 3 0 0 1-.5-.16a11.9 11.9 0 0 1-1.131-5.197c-.15-3.113.16-6.487.23-8.39q-.04-1.548.08-3.093c.06-.614.273-1.202.62-1.712a2.2 2.2 0 0 1 1.082-.81h.09c-.023.41-.003.823.06 1.23c.06.3.183.583.36.831c.129.153.294.27.481.34q.458.157.941.201c.941.12 5.416-.22 5.476-.23c.374-.06.722-.227 1.002-.48a2 2 0 0 0 .41-.812c.108-.44.185-.89.23-1.341a4 4 0 0 1 1.662.43c.262.271.421.625.45 1.001a8 8 0 0 1 0 2.053a.33.33 0 0 0 .291.35a.34.34 0 0 0 .36-.29a8.6 8.6 0 0 0-.09-2.603a1.9 1.9 0 0 0-.56-1.141a6.3 6.3 0 0 0-2.703-.681c-2.103-.19-4.786-.12-6.157-.12a8.6 8.6 0 0 0-2.624.33a3.27 3.27 0 0 0-1.531 1.121a4.64 4.64 0 0 0-.841 2.183a30 30 0 0 0-.16 3.214a83 83 0 0 0-.19 8.48a12.55 12.55 0 0 0 1.441 5.616a1 1 0 0 0 .6.41a8.3 8.3 0 0 0 1.813.24c3.143.18 8.68-.23 8.68-.23a.27.27 0 0 0 .26-.3a.27.27 0 0 0-.3-.27M7.172 1.014c1.361 0 4.004-.21 6.007-.07c-.06.31-.11.68-.2 1a1.3 1.3 0 0 1-.301.622a1.3 1.3 0 0 1-.821.18c-5.256.11-4.105.22-5.006.18h-.55a.5.5 0 0 1-.3-.13a1.5 1.5 0 0 1-.341-.691a9 9 0 0 1-.16-1.001a12.5 12.5 0 0 1 1.672-.09"/><path fill="#818cf8" d="M11.266 13.869a.7.7 0 0 0 .27-.21c.228-.286.357-.637.371-1.002a12 12 0 0 0-.15-1.842c0-.43-.06-.87-.1-1.311a7 7 0 0 0-.13-.921a3.4 3.4 0 0 0-.16-.651a.64.64 0 0 0-.17-.28a1.4 1.4 0 0 0-.772-.36a3 3 0 0 0-.5 0q.062-.319.08-.642V6.3q.015-.176 0-.35c-.06-.28-.17-.511-.25-.791a.29.29 0 0 0-.571 0q-.12.424-.18.86q-.022.18 0 .361v.35c0 .12.13.45.2.681l-1.081.26a.33.33 0 0 0-.24.35a.3.3 0 0 0 .12.201q0 .501-.06 1.001c0 .51 0 1.001.05 1.522s-.05 1.231-.05 1.852c-.003.3.03.6.1.891a.66.66 0 0 0 .26.39c.231.142.491.23.76.261q.21.015.421 0q-.049.154-.08.31c0 .11 0 .22-.05.34s0 .231 0 .351c0 .29.13.53.18.821a.27.27 0 0 0 .25.3a.28.28 0 0 0 .31-.25q.178-.4.291-.82a1.3 1.3 0 0 0 0-.351q.015-.18 0-.36a3 3 0 0 0-.07-.421l.39-.07q.287-.03.561-.12m-1.592-.791c-.17 0-.75.15-.77 0c-.06-.621-.07-1.772-.15-2.373c-.08-.6-.14-1.001-.17-1.472a8 8 0 0 1 0-1l.94-.161q.336-.037.671 0a.7.7 0 0 1 .4.16q.07.271.08.55v2.113c0 .51.12 1.001.11 1.492c0 .22 0 .58-.1.58s-.68.06-1.01.11m12.444-5.245c0-.47-.05-1.001-.1-1.442a8 8 0 0 0-.13-1.001a7 7 0 0 0-.15-.711a1.1 1.1 0 0 0-.16-.29a1.4 1.4 0 0 0-.772-.4a1.8 1.8 0 0 0-.52 0q.081-.363.12-.732a1.7 1.7 0 0 0 0-.39c0-.13 0-.25-.05-.38c-.06-.31-.17-.571-.25-.872a.292.292 0 0 0-.286-.344a.29.29 0 0 0-.285.344q-.144.453-.21.922q-.03.194 0 .39q.002.193.05.38c.06.27.14.531.2.801l-1.101.28a.32.32 0 0 0-.24.381a.28.28 0 0 0 .11.18c0 .37-.05.751-.06 1.122c0 .56 0 1.11.05 1.672c.05.56-.06 1.361-.06 2.002a6 6 0 0 0 .09 1.001a.77.77 0 0 0 .37.49c.208.102.431.17.66.2h.431c0 .121-.06.251-.08.381a2.3 2.3 0 0 0-.05.38a1.6 1.6 0 0 0 0 .381c0 .32.12.59.18.901a.28.28 0 0 0 .145.278a.3.3 0 0 0 .105.033a.29.29 0 0 0 .31-.26c.101-.311.231-.581.301-.902q.015-.195 0-.39q.015-.195 0-.39a5 5 0 0 0-.09-.511l.41-.08q.282-.044.551-.14a.8.8 0 0 0 .26-.22c.221-.316.346-.688.361-1.072a16 16 0 0 0-.11-1.992m-.941 2.322h-.31q-.41.111-.832.16q-.245.03-.49 0h-.2a5 5 0 0 1-.1-.66c-.06-.681 0-1.402-.12-2.063c-.12-.66-.11-1-.18-1.571a10 10 0 0 1 0-1.072l.94-.19q.335-.045.671 0a.67.67 0 0 1 .4.18q.066.313.08.631c0 .22 0 .44.06.67v1.673c0 .55.12 1 .11 1.632c0 .23-.05.57-.03.61m-5.165 4.606q.015-.18 0-.36c0-.14-.05-.281-.08-.411l.39-.08q.277-.027.54-.11a.8.8 0 0 0 .281-.21c.242-.353.365-.775.35-1.202a10 10 0 0 0-.35-2.223a3.3 3.3 0 0 0-.13-.65a.8.8 0 0 0-.18-.29a1.47 1.47 0 0 0-.821-.361a2.7 2.7 0 0 0-.49 0q.065-.303.1-.61a1.3 1.3 0 0 0 0-.341a2 2 0 0 0-.05-.35c-.06-.271-.17-.501-.251-.782a.28.28 0 0 0-.31-.29a.28.28 0 0 0-.28.28q-.136.413-.211.841a2 2 0 0 0 0 .35q-.015.171 0 .341c.05.24.13.45.19.681l-1.081.26a.33.33 0 0 0-.25.38a.3.3 0 0 0 .11.18a19 19 0 0 0-.07 2.123q.013.74.13 1.472c.04.153.133.287.26.38c.228.142.485.227.751.25q.206.016.41 0q-.048.154-.08.311c0 .12 0 .23-.05.35a1.3 1.3 0 0 0 0 .341c0 .29.12.54.18.82a.29.29 0 0 0 .25.311a.28.28 0 0 0 .311-.26q.18-.395.3-.81q.08-.161.13-.331m-1.522-1.792a11 11 0 0 1-.24-1.442q-.1-.848-.1-1.702l.94-.15q.336-.045.672 0c.138.014.27.066.38.15c0 .25.05.42.07.54q.152.865.19 1.743v.72c-.38.098-.77.165-1.161.2c-.15 0-.67-.07-.751-.06"/></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. SmartphoneAppWidgetStockIcon.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.