The Phosphor microphone slash icon visually represents a microphone that is muted or disabled, commonly used to indicate that audio input is turned off.
Common uses
- Mute/unmute button for voice chat
- Indicate disabled microphone in system settings
- Show unavailable audio recording feature
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MicrophoneSlash } from '@phosphor-icons/react';
<MicrophoneSlash size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MicrophoneSlash size={24} />thin
<MicrophoneSlash size={24} weight="thin" />light
<MicrophoneSlash size={24} weight="light" />bold
<MicrophoneSlash size={24} weight="bold" />fill
<MicrophoneSlash size={24} weight="fill" />duotone
<MicrophoneSlash size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- audiorecordingmusicsoundpodcaststudiomuteddisabledcommunicationsmediasystemmicrophoneslashmuteno microphoneaudio off
FAQ
- What does the microphone slash icon signify?
- It signifies that a microphone is currently muted, disabled, or not functioning, preventing audio input.
- How do I use this icon in React?
- You can import and use it directly from the Phosphor React library with: import { MicrophoneSlash } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the microphone slash icon, is available under the MIT license.
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 →