The Phosphor waveform slash icon depicts a sound wave with a diagonal line through it, commonly used to indicate that audio or sound is muted, disabled, or unavailable.
Common uses
- Mute audio button
- Disable sound setting
- No audio playback indicator
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { WaveformSlash } from '@phosphor-icons/react';
<WaveformSlash size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<WaveformSlash size={24} />thin
<WaveformSlash size={24} weight="thin" />light
<WaveformSlash size={24} weight="light" />bold
<WaveformSlash size={24} weight="bold" />fill
<WaveformSlash size={24} weight="fill" />duotone
<WaveformSlash size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- *new*audiosoundspectrumspectrographmusicmediawaveformslashmute audiono soundaudio offsound disabled
FAQ
- What does the waveform slash icon represent?
- It represents the absence or disabling of audio or sound, like a muted speaker.
- How do I use this icon in React?
- Import it as WaveformSlash from '@phosphor-icons/react' and use it like <WaveformSlash />.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free usage.
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 →