signal slash icon

Common uses

• Indicate no internet access
• Show disabled Wi-Fi
• Represent a failed connection attempt

Use it in React

npm i @heroicons/react

import { SignalSlashIcon } from '@heroicons/react/24/outline';

<SignalSlashIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<SignalSlashIcon className="size-6" />

<SignalSlashIcon className="size-6" />

<SignalSlashIcon className="size-6" />

<SignalSlashIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

signalslashno signalwifi offconnection errornetwork disabled

FAQ

What does the signal slash icon represent?

It visually communicates the absence or disabling of a signal, such as a network connection.

How do I use this icon in React?

Import it using `import { SignalSlashIcon } from '@heroicons/react/24/outline';` and then use it as a React component.

What is the license for this icon?

The Heroicons signal slash icon is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.