Home/Libraries/Line Awesome (Iconify)/phone-slash-solid

Line Awesome (Iconify)

PhoneSlashSolid

License: Apache-2.0Commercial Safe

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 32 32"><path fill="#818cf8" d="M3.707 2.293L2.293 3.707l7.432 7.432l1.416 1.416l1.85 1.85v.001l15.302 15.301l1.414-1.414l-13.906-13.906a13 13 0 0 1 3.332-2.08l2 2c.048.048.126.029.178.072l-.227.22h.762c.576.266 1.12.261 1.687 0h.004v-.001l.014-.004l-.014.006h.408l4.534-4.428l.037-.047a2.37 2.37 0 0 0 0-2.953l-.04-.049l-3.242-3.144l.06.066a3.1 3.1 0 0 0-1.644-1a3.2 3.2 0 0 0-1.857.12c-2.295.795-6.61 2.78-10.648 6.565zM22.82 4.971c.347-.016.732.112.961.379l.03.033l3.148 3.054c.106.14.107.286 0 .424l-4.211 4.114c.002-.008-.083.036-.201-.082L19.59 9.936l-.604.228s-2.44.904-4.6 2.809l-1.827-1.828c3.769-3.514 7.86-5.392 9.908-6.1l.013-.004l.014-.006q.151-.057.326-.064M8.406 12.65c-2.11 2.604-3.859 5.655-5.215 9.132c-.407 1.216-.156 2.479.74 3.524l3.098 3.097c.444.444 1 .666 1.557.666a2.2 2.2 0 0 0 1.557-.666l4.101-4.097c.89-.89.89-2.229 0-3.118l-2-2.002c.214-.424.549-1.038.983-1.718l-1.448-1.448a20.4 20.4 0 0 0-1.66 2.981l-.267.621l2.978 2.98c.068.069.068.223 0 .29l-4.1 4.098c-.067.066-.218.066-.286 0L5.4 23.95c-.27-.317-.545-.84-.33-1.487c1.24-3.176 2.834-5.989 4.756-8.395z"/></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. PhoneSlashSolidIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.