What does the microphone icon represent?

It depicts a microphone, used to signify audio input, recording, or sound-related actions within an interface.

How do I use this icon in React?

Import it using `import { IconMicrophone } from '@tabler/icons-react'` and then render it as a component: ` `.

What is the license for this icon?

The Tabler icon set, including the microphone icon, is available under the MIT license.

microphone icon

Tabler · microphone · MIT

The Tabler microphone icon visually represents a device for capturing sound, commonly used in UIs to indicate recording functions, voice input, or audio playback controls.

Common uses

Start/stop audio recording button
Voice command activation
Live streaming indicator

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconMicrophone } from '@tabler/icons-react';

<IconMicrophone size={24} stroke={2} />

Styles

Tabler ships this icon in 2 styles — each its own import:

outline

<IconMicrophone size={24} stroke={2} />

filled

<IconMicrophoneFilled size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Media
Keywords: recordsoundlistenmicrophonecontententertainmentmultimediabroadcastaudiomediavoice

FAQ

What does the microphone icon represent?: It depicts a microphone, used to signify audio input, recording, or sound-related actions within an interface.
How do I use this icon in React?: Import it using `import { IconMicrophone } from '@tabler/icons-react'` and then render it as a component: `<IconMicrophone />`.
What is the license for this icon?: The Tabler icon set, including the microphone icon, is available under the MIT license.

Related icons

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

phosphor heroicons tabler tabler tabler

Looking for something else? Search Tabler 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 →