What does the speaker none icon represent?

This icon represents a muted speaker, indicating that audio is currently off or unavailable.

How do I use the speaker none icon in React?

You can import and use it in your React application like this: import { SpeakerNone } from '@phosphor-icons/react'.

The Phosphor icon library, including the speaker none icon, is available under the MIT license.

Phosphor · speaker-none · MIT

The Phosphor speaker none icon depicts a speaker with a slash through it, commonly used to indicate that audio is muted or turned off.

Install

npm i @phosphor-icons/react

Import & render

import { SpeakerNone } from '@phosphor-icons/react';

<SpeakerNone size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<SpeakerNone size={24} />

thin

<SpeakerNone size={24} weight="thin" />

light

<SpeakerNone size={24} weight="light" />

bold

<SpeakerNone size={24} weight="bold" />

fill

<SpeakerNone size={24} weight="fill" />

duotone

<SpeakerNone size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: media
Keywords: *updated*musicaudiomutedvolumesoundmediasystemspeakernonemuteunmuteno soundsilent

What does the speaker none icon represent?: This icon represents a muted speaker, indicating that audio is currently off or unavailable.
How do I use the speaker none icon in React?: You can import and use it in your React application like this: import { SpeakerNone } from '@phosphor-icons/react'.
What is the license for this icon?: The Phosphor icon library, including the speaker none icon, is available under the MIT license.

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

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →