The Phosphor network slash icon depicts a network or LAN connection that is disabled, disconnected, or unavailable, commonly used to indicate a loss of connectivity or a system status.
Common uses
- Indicate no internet access.
- Show a disabled local network connection.
- Represent a failed system network service.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { NetworkSlash } from '@phosphor-icons/react';
<NetworkSlash size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<NetworkSlash size={24} />thin
<NetworkSlash size={24} weight="thin" />light
<NetworkSlash size={24} weight="light" />bold
<NetworkSlash size={24} weight="bold" />fill
<NetworkSlash size={24} weight="fill" />duotone
<NetworkSlash size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- *new*internetethernetlanerrorsystemnetworkslashno connectionofflineethernet offdisabled network
FAQ
- What does the network slash icon represent?
- It signifies a network connection that is not active, such as no internet or a disabled LAN. It's used to show connectivity issues or a system status of being offline.
- How do I use the network slash icon in React?
- You can import it directly from the Phosphor React library: `import { NetworkSlash } from '@phosphor-icons/react'`. Then, use it as a component like `<NetworkSlash />`.
- What is the license for Phosphor icons?
- Phosphor icons, including the network slash icon, are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →