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

Freehand free icons (Iconify)

SmartphoneAppWidgetTranslator

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="M23.824 10.573c-.22-1.89-.09-4.08-.62-5.919a5.2 5.2 0 0 0-2.53-3.33a6 6 0 0 0-1.679-.62a12.8 12.8 0 0 0-2.65-.18l-3.409.15l-2.56.15a23 23 0 0 0-6.288 1a4.28 4.28 0 0 0-3.09 3.04a.32.32 0 0 0 .26.37a.31.31 0 0 0 .39-.23c.59-3 5.749-3.22 8.779-3.37l2.569-.14l3.36-.1a7.6 7.6 0 0 1 3.879.75a4.26 4.26 0 0 1 2 2.78c.49 1.8.33 3.93.53 5.77c.1.999.15 2.679.13 4.328a40 40 0 0 1-.26 4.33a2.29 2.29 0 0 1-1.35 1.49a16.8 16.8 0 0 1-5.65 1.4a48 48 0 0 1-10.228 0a6.3 6.3 0 0 1-2.3-.53c-1.489-1.21-2.109-3.25-2.329-5.5c-.31-3.38.31-7.229.51-9.578a.28.28 0 0 0-.29-.3a.27.27 0 0 0-.3.25c-.22 2.42-.9 6.259-.64 9.688c.19 2.5.9 4.74 2.55 6.069a7 7 0 0 0 2.69.75c3.474.45 6.989.513 10.478.19a17 17 0 0 0 5.999-1.49a3.24 3.24 0 0 0 1.92-2.28q.27-2.245.3-4.509a40 40 0 0 0-.17-4.429"/><path fill="#818cf8" d="M10.087 5.884a3.9 3.9 0 0 0-1.19-1.3a1.89 1.89 0 0 0-2.38 0a6.9 6.9 0 0 0-1.67 2.58c-.14.35-.27.7-.38 1.06s-.27 1-.39 1.44c-.34 0-.66 0-.68.28s.27.32.53.36c-.11.47-.21.939-.29 1.409a16 16 0 0 0-.21 1.93a.28.28 0 0 0 .26.31a.29.29 0 0 0 .3-.26q.105-.935.33-1.85c.1-.47.24-.94.38-1.41q.727.108 1.46.11c.49 0 1-.06 1.48-.11c.73-.08 1.44-.21 2.17-.26a.34.34 0 0 0 .33-.31a.32.32 0 0 0-.32-.33a17.5 17.5 0 0 0-4 0l-.82.07c.12-.36.24-.72.37-1.08a10 10 0 0 1 .42-.94a5.7 5.7 0 0 1 1.4-2.139c.61-.44 1.24.03 1.81.63c.06.16 1 1 1.26 4a16.4 16.4 0 0 1 0 3.509a.33.33 0 0 0 .27.37a.33.33 0 0 0 .37-.27c.158-1.2.192-2.413.1-3.62a10.3 10.3 0 0 0-.91-4.179m8.758 7.489c.73-.14 1.45-.32 2.16-.52a.31.31 0 0 0 .23-.38a.31.31 0 0 0-.38-.25c-.54.09-1.1.16-1.66.21l-2.05.14a2.15 2.15 0 0 0-.15-1.65a.29.29 0 1 0-.57 0a2 2 0 0 0-.08 1.69c-1.58.12-2.58.24-3.759.25a.28.28 0 0 0-.274.16a.3.3 0 0 0-.026.11a.28.28 0 0 0 .27.3c.54.07 1.08.14 1.63.19v.41q-.012.341.05.68a5 5 0 0 0 .76 1.92q.218.311.48.589c-.17.16-.34.31-.53.46q-.479.435-1 .82c-.64.45-1 .33-.9.73c.19.85 2.45-.8 3.15-1.32a6.25 6.25 0 0 0 4.129 1.32a.33.33 0 0 0 .33-.32a.32.32 0 0 0-.33-.32a6 6 0 0 1-3.31-1.4a6.24 6.24 0 0 0 1.83-3.82m-2.58 3.09a6 6 0 0 1-.43-.47a5 5 0 0 1-.93-1.49a2 2 0 0 1-.11-.5v-.36l.73.05h1.28c.42 0 .86-.08 1.29-.15h.12a7 7 0 0 1-.87 1.7a9 9 0 0 1-1.08 1.22m-7.038 2.65a4.3 4.3 0 0 1-1-.51a4.52 4.52 0 0 1-1.91-2.6l2.75 1a.27.27 0 0 0 .313-.03a.3.3 0 0 0 .067-.09a.28.28 0 0 0-.13-.38c-4.12-2.26-3.43-2.59-4.69.74c-.14.35-.28.69-.44 1a.325.325 0 1 0 .57.31c.25-.4.49-.79.72-1.2c.1-.18.2-.37.29-.56q.062.225.15.44a5 5 0 0 0 1.69 2.23c2 1.43 5 .48 4.58-.19s-.61.73-2.96-.16M19.585 5.374a.32.32 0 0 0-.44.13a17 17 0 0 0-1 1.76a5 5 0 0 0-1.85-2.68a4 4 0 0 0-1.3-.58a4.1 4.1 0 0 0-3.149.42a.282.282 0 1 0 .28.49a4 4 0 0 1 3.57.6a4.5 4.5 0 0 1 1.89 2.49l-2.75-1a.284.284 0 1 0-.25.51l2.34 1.32c1.879.92 1.27.35 2.789-3.11a.32.32 0 0 0-.13-.35"/></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. SmartphoneAppWidgetTranslatorIcon.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.