Home/Libraries/Freehand free icons (Iconify)/phone-off

Freehand free icons (Iconify)

PhoneOff

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="M19.398 15.538q-.21-.285-.46-.54a16 16 0 0 0-.779-.899a12 12 0 0 0-.879-.849a4.6 4.6 0 0 0-.63-.49a1.3 1.3 0 0 0-.649-.21a1.07 1.07 0 0 0-.65.23c-.389.27-.879.81-1.318 1.08c-.18.11-.33.22-.45.09a.3.3 0 0 0-.51.214a.3.3 0 0 0 .09.215a.76.76 0 0 0 .89.25a4.9 4.9 0 0 0 1.359-.84c.24-.17.42-.37.56-.35a.54.54 0 0 1 .299.17q.21.185.4.39c.21.21.4.43.589.66c.19.23.57.71.84 1.069l.449.61c.09.29-.19.509-.46.719c-.37.28-.786.492-1.229.63a6.7 6.7 0 0 1-2.997.249c-.89-.13-3.407-1-4.096-1.998a.33.33 0 0 0-.47-.1a.34.34 0 0 0-.11.47c.68 1.148 3.547 2.297 4.516 2.507a7.7 7.7 0 0 0 3.467-.06a4.9 4.9 0 0 0 1.938-1.049a1.67 1.67 0 0 0 .5-1.758a1.8 1.8 0 0 0-.21-.41M9.177 10.013q.428.5.91.95c.569.189.769 0 .599-.58c-.18-.22-.36-.45-.53-.68c-.809-1.109-.639-.999-.28-1.398c.36-.4.81-.73 1.11-1.08c.221-.228.37-.516.43-.829a.77.77 0 0 0-.06-.44a3.2 3.2 0 0 0-.44-.559L9.367 3.68a.3.3 0 0 0-.42-.05a.31.31 0 0 0 0 .43l1.19 1.898c.24.39.21.28.14.38q-.175.195-.37.369a8 8 0 0 0-1.16 1.149a1.24 1.24 0 0 0-.24 1.099c.162.388.389.747.67 1.059M6.87 13.95c.849.489.879.14.579-.55a9.6 9.6 0 0 1-1.05-2.448a9 9 0 0 1-.279-1.808a8.4 8.4 0 0 1 .11-1.829A5 5 0 0 1 8.228 3.74a.33.33 0 0 0 .16-.45a.34.34 0 0 0-.45-.17a5.74 5.74 0 0 0-2.767 3.997a7.6 7.6 0 0 0-.16 2.038c.028.703.153 1.399.37 2.068c.33.99.834 1.914 1.488 2.728M18.2 4.958c-1.29 1.119-2.698 2.138-3.947 3.257c-.91.829-1.789 1.678-2.658 2.527L6.71 15.798c-.53.58-1.11 1.149-1.699 1.798c-1 1.18-.53 1.998.5.6c.629-.6 1.258-1.18 1.838-1.739c.78-.75 1.549-1.488 2.308-2.238l3.167-3.177c.7-.7 1.399-1.409 2.108-2.108c1.199-1.189 2.568-2.268 3.807-3.467c.05 0 .09-.1.14-.15c.799-.65.48-1.279-.68-.36"/><path d="M23.265 8.315A11.87 11.87 0 0 0 16.71 1.01a12.3 12.3 0 0 0-2.598-.82a12.42 12.42 0 0 0-8.382 2a11.6 11.6 0 0 0-4.556 4.856a14.4 14.4 0 0 0-.999 3.676a16 16 0 0 0-.11 3.807a9.36 9.36 0 0 0 1.43 3.996a13.5 13.5 0 0 0 2.767 3.108a9.3 9.3 0 0 0 4.266 1.998c1.519.28 3.07.34 4.606.18a14.9 14.9 0 0 0 6.504-2.108a8.6 8.6 0 0 0 3.137-3.437a13.34 13.34 0 0 0 .49-9.951m-1.43 9.421a7.93 7.93 0 0 1-3.696 3.467a14.4 14.4 0 0 1-5.085 1.399c-1.43.147-2.872.093-4.286-.16a9.92 9.92 0 0 1-6.345-4.496a8.4 8.4 0 0 1-1.328-3.497a14.3 14.3 0 0 1 0-3.567a13.4 13.4 0 0 1 .919-3.497A10.76 10.76 0 0 1 6.12 2.81A12.7 12.7 0 0 1 12.005.691a.33.33 0 0 0 .32.14a5.4 5.4 0 0 1 1.678.06a11.6 11.6 0 0 1 2.428.82a9 9 0 0 1 1.898 1.098a11.8 11.8 0 0 1 3.996 5.765a12.25 12.25 0 0 1-.49 9.162"/></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. PhoneOffIcon.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.