The Phosphor microphone icon visually represents audio input, commonly used in interfaces for recording, voice commands, or live audio functions.
Common uses
- Start/stop audio recording button
- Voice input indicator
- Live streaming audio status
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Microphone } from '@phosphor-icons/react';
<Microphone size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Microphone size={24} />thin
<Microphone size={24} weight="thin" />light
<Microphone size={24} weight="light" />bold
<Microphone size={24} weight="bold" />fill
<Microphone size={24} weight="fill" />duotone
<Microphone size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- audiorecordingmusicsoundpodcaststudiocommunicationsmediasystemmicrophoneaudio inputrecordvoice
FAQ
- What does the microphone icon represent?
- It signifies a device used for capturing sound, often related to recording, voice input, or audio transmission.
- How do I use the microphone icon in React?
- Import it as 'Microphone' from '@phosphor-icons/react' and use it as a component: `<Microphone />`.
- What is the license for this icon?
- The Phosphor icon library, including the microphone 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 →