Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In modern applications like Zoom, streaming platforms like Twitch, and browser tab controls across Chrome and Firefox, this icon appears when users mute all audio output completely. Video conferencing and presentation software use this symbol to indicate intentional audio silencing during screenshare sessions or when privacy from all sound is required.

Question 5

What does this icon communicate to users?

Accepted Answer

The visual design communicates more than just volume at zero—it specifically represents intentional audio blocking that persists until explicitly reversed, differentiating from temporary low volume that can gradually increase. This distinction helps users understand that audio restoration requires deliberate unmuting action rather than simple volume adjustment.

Question 6

How do I implement this icon?

Accepted Answer

Position this icon within shadcn/ui's Toggle components for mute state controls or Button components for quick audio silencing. Integrate it with Badge components to indicate muted status persistently or Tooltip components explaining mute functionality. The crossed speaker provides unmistakable mute communication when used in video players and communication toolbars.

Volume Off Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons