Media controls

Microphone

MicrophoneStateIcon

Switches between active and muted microphone states.

States

2 total

Mute microphone

The microphone is active.

Mute microphone

"active"

The microphone is active.

Unmute microphone

"muted"

The microphone 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: active · muted

example.tsx

import { MicrophoneStateIcon } from "@stateglyph/react";
<MicrophoneStateIcon state="active" decorative />