Home/Libraries/Freehand free icons (Iconify)/phone-selfie-front

Freehand free icons (Iconify)

PhoneSelfieFront

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="M22.432 1.73a3.1 3.1 0 0 0 .69-.53c.21-.21.35-.47.49-.62a.34.34 0 0 0-.48-.48q-.345.25-.63.57c-.19.21-.32.47-.46.62a.3.3 0 0 0 .06.475a.29.29 0 0 0 .33-.036m.47 1.851a1.9 1.9 0 0 0-.95-.29a.3.3 0 0 0-.34.25a.3.3 0 0 0 .25.34q.125.044.23.12q.195.126.37.28c.21.15.44.28.62.42a.33.33 0 0 0 .47 0a.34.34 0 0 0 0-.48a3 3 0 0 0-.65-.64M18.7 4.63c.18-.17.4-.3.59-.47s.34-.36.54-.52a.29.29 0 0 0 .11-.4a.31.31 0 0 0-.41-.11a3.1 3.1 0 0 0-.77.4q-.319.286-.56.64a.34.34 0 0 0 0 .48a.35.35 0 0 0 .5-.02m.47-3.54c.15.17.34.3.44.42a.3.3 0 0 0 .41.11a.3.3 0 0 0 .1-.41a2.2 2.2 0 0 0-.33-.65a2 2 0 0 0-.58-.47a.33.33 0 0 0-.47.08a.34.34 0 0 0 .07.47c.11.1.2.29.36.45"/><path d="M21.512 9.994V5.612a.3.3 0 1 0-.6 0l-.07 2.05a75 75 0 0 0-.14 3.002c-.05 1.48-.08 2.931-.13 4.522c0 1.13-.06 2.29-.12 3.451c-.05.76-.11 1.521-.21 2.261a1.32 1.32 0 0 1-.61 1a4.7 4.7 0 0 1-2.242.401l-5.632.1c-.54 0-1.52.05-2.371 0a2.4 2.4 0 0 1-1.29-.29a1.7 1.7 0 0 1-.451-.76q-.15-.557-.19-1.13a11 11 0 0 0 2.32-1.552a2.7 2.7 0 0 0 1.001-1.7a2.28 2.28 0 0 0-1.41-2.471a2.43 2.43 0 0 0-1.46 0v-2.892c0-1.46.15-3.001.22-4.232c.07-1.23.11-2.4.12-2.83q-.006-.535.09-1.061a1.23 1.23 0 0 1 .35-.7c.225-.176.484-.305.76-.38v.16c.05.28.15.6.18.83c.084.38.211.75.38 1.1q.217.53.54 1a.72.72 0 0 0 .41.23q.61.12 1.231.1h1.17c.65 0 1.291-.13 1.741-.2s.73-.11 1.1-.14q.351-.03.701 0a.33.33 0 0 0 .37-.29a.342.342 0 0 0-.26-.44a7 7 0 0 0-.8-.07h-2.982c-2.25 0-1.81.25-2.35-.63a4.7 4.7 0 0 1-.43-.81c-.06-.23-.22-.53-.31-.82a.6.6 0 0 1 0-.17q.99-.19 2-.19l3.712-.07l1.67-.071a.34.34 0 0 0 0-.68h-1.68l-3.682-.08a11.3 11.3 0 0 0-2.471.13c-.61.09-1.187.33-1.68.7c-.316.262-.55.61-.671 1a5.7 5.7 0 0 0-.19 1.551v5.413a6.06 6.06 0 0 0-5.002 2.26a7.6 7.6 0 0 0-1.491 2.592a7.4 7.4 0 0 0-.33 3.001c.103 1.044.29 2.078.56 3.091a15 15 0 0 0 1.12 2.902a.34.34 0 0 0 .45.17a.34.34 0 0 0 .16-.45a14.4 14.4 0 0 1-.84-2.862a19 19 0 0 1-.34-3.001c-.04-.858.08-1.716.35-2.531a7.4 7.4 0 0 1 1.17-2.291a5.4 5.4 0 0 1 4.223-2.291c0 1.44.08 2.891.18 4.102v.06a4 4 0 0 0-1.52 1.38a.301.301 0 0 0 .49.35a2.84 2.84 0 0 1 2.28-1.2c.69 0 1.14.6 1 1.67c0 .46-.48.871-1 1.281q-1.223.947-2.56 1.721a1.87 1.87 0 0 0-.551 1.73c.058.804.39 1.563.94 2.152a.34.34 0 0 0 .45-.51a2.5 2.5 0 0 1-.54-1.391a2.4 2.4 0 0 1 0-.89c0-.13.06-.23.15-.28l.23-.12q.03.507.15 1c.107.418.32.8.62 1.11a2.5 2.5 0 0 0 1.332.51q1.417.142 2.84.14c.801 0 1.732.06 2.842.08h2.831a5.8 5.8 0 0 0 2.811-.54a2.39 2.39 0 0 0 1.151-1.83c.1-.77.17-1.561.2-2.352c.05-1.18 0-2.36 0-3.501c.08-1.84.02-3.522.01-5.222"/><path d="M17.48 13.365a4.8 4.8 0 0 0 .37-2.371a3 3 0 0 0-.58-1.55a2.3 2.3 0 0 0-.55-.45a3.3 3.3 0 0 0-1-.411a6 6 0 0 0-.71-.16a3.3 3.3 0 0 0-.541 0a1.8 1.8 0 0 0-1 .07a4.6 4.6 0 0 0-1.711 1.15a3.76 3.76 0 0 0-.9 1.881a4.1 4.1 0 0 0 .15 2.101c.225.554.607 1.03 1.1 1.37c.31.195.648.343 1 .441c-.35.15-.71.31-.93.43a.3.3 0 0 0-.15.4a.3.3 0 0 0 .39.15c.2-.07.52-.16.85-.24a6 6 0 0 1 .83-.14q.453-.078.911-.04q.454.061.89.2c.628.188 1.23.453 1.792.79q.376.203.7.48c.22.167.41.37.56.601a.35.35 0 0 0 .46.15a.34.34 0 0 0 .14-.46a3.3 3.3 0 0 0-.59-.87a7 7 0 0 0-.76-.7a7.5 7.5 0 0 0-1.951-1.081l-.3-.08a3.57 3.57 0 0 0 1.53-1.66m-5.542-.19a3 3 0 0 1-.2-1.55c.04-.538.235-1.052.56-1.481c1-1.21 1.67-1.36 3.251-.85q.329.1.62.28c.175.107.325.25.441.42c.268.422.385.923.33 1.42a3.8 3.8 0 0 1-.39 1.51a2.65 2.65 0 0 1-1.12 1.151a2.77 2.77 0 0 1-1.571.32a2.4 2.4 0 0 1-1.14-.4a1.9 1.9 0 0 1-.781-.82"/></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. PhoneSelfieFrontIcon.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.