Media controls

Volume

VolumeStateIcon

Switches between audible and muted audio states.

States

2 total

Mute audio

Audio is audible.

Mute audio

"audible"

Audio is audible.

Unmute audio

"muted"

Audio is muted.

Implementation

Pass your current state.

The component stays presentational. Your application remains in control of async work and business logic. The state prop is a TypeScript string literal union — pass an invalid state and you'll get a type error at build time.

Source: Lucide
License: ISC
States: audible · muted

example.tsx

import { VolumeStateIcon } from "@stateglyph/react";
<VolumeStateIcon state="audible" decorative />