Skip to content

Mic

The mic icon represents audio input functionality and voice recording capabilities in multimedia and communication applications.

Exports at 24 × 24 px

Mic icon from Lucide
Get Pro

Code

Mic in your framework

In any framework. Customize it above, and the code follows.

export const MicIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" {...props}>
    <g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="M12 19v3m7-12v2a7 7 0 0 1-14 0v-2"/><rect width="6" height="13" x="9" y="2" rx="3"/></g>
  </svg>
);

Other libraries

Mic in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Mic icon from Material Symbols
  • Mic icon from Material Symbols Light
  • Mic icon from IonIcons
  • Mic icon from Bootstrap Icons
  • Mic icon from Lets Icons
  • Mic icon from Famicons
  • Mic icon from Dinkie Icons
  • Mic icon from Stash Icons

Lucide

Icons that share its tags, in the same style.

  • Speech icon from Lucide
  • Podcast icon from Lucide
  • Voicemail icon from Lucide
  • Audio Waveform icon from Lucide
  • Headset icon from Lucide
  • File Audio icon from Lucide
  • Music icon from Lucide
  • Audio Lines icon from Lucide
  • Camera icon from Lucide
  • Drum icon from Lucide
  • Ear icon from Lucide
  • File Audio  2 icon from Lucide
  • File Music icon from Lucide
  • File Video Camera icon from Lucide
  • File Volume icon from Lucide
  • Guitar icon from Lucide
  • Headphones icon from Lucide
  • Mic Off icon from Lucide
  • Mic Vocal icon from Lucide
  • Monitor Speaker icon from Lucide
  • Music  2 icon from Lucide
  • Phone icon from Lucide
  • Piano icon from Lucide
  • Speaker icon from Lucide

Skip the copy and paste. With Pro, your AI agent finds and installs any Lucide icon from a prompt.

Get Pro

Pricing

Lucide MCP, with Pro

Ask for Mic or any of 1,655 Lucide icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Page sections in 56 categories, from heroes and pricing tables to dashboards and settings, on every framework and UI library, in your theme.Blocks: All 6,181 blocks
  • Complete Next.js sites for startups, SaaS, agencies and portfolios, every page designed, ready to ship.Templates: All 14 templates
  • Your AI agent searches, previews and installs any component, block, icon or DESIGN.md from a prompt: 22 tools in Claude Code, Cursor, VS Code and 35 more clients.MCP server: 38 AI clients
  • Buttons with motion and states of their own, from an arrow that slides in to a burst of confetti.Animated buttons: All 35 buttons
  • Typewriters, scrambles, counters and more, for headlines, labels and numbers.Text effects: All 97 effects
  • Animated backgrounds for heroes, sections and cards, from a soft aurora to a flock that flees the cursor. Most are pure CSS.Backgrounds: All 100 backgrounds
  • WebGPU shaders, from a slow aurora to a black hole, each drawing only while it's on screen.Shaders: All 100 shaders
  • One design and one theme on all four: the components, blocks and effects are built for each framework.Frameworks: React, Vue, Svelte, Solid
  • React on Base UI, Radix UI, React Aria or Ark UI: install the version for the library your project already uses. Vue, Svelte and Solid run on Ark UI.UI libraries: Base UI, Radix, Aria, Ark
  • From a button to a date picker, a color picker or a guided tour: accessible, typed in TypeScript, each with live demos.Components: All 174 components
  • Real-world patterns built from the components, in 53 galleries: forms, tables, menus, dialogs and more.Examples: All 1,103 examples
  • Area, bar, line, pie, radar and radial charts on TanStack Charts, on every framework. React also gets the Recharts originals.Charts: All 70 charts
  • Debounce, local storage, media queries and more: each hook is one typed file you own.React hooks: All 35 hooks
  • From 222 libraries, Lucide, Heroicons, Tabler and Material Symbols among them, as SVG or a React component in one command.Icons: 294k+ icons
  • Stripe, Linear, Apple and 497 more: a brand's colors, typography and components in one file your AI agent builds from.DESIGN.md files: All 500 brands
  • Restyle every component and block at once: 8 styles, 7 grays, 18 colors and 5 radii, shared as a shadcn preset code.Theme builder: 8 styles × 18 colors
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Mic icon means and where it's used, then how to install, style, label and license it.

What does the Mic icon mean?

The mic icon represents audio input functionality and voice recording capabilities in multimedia and communication applications. Featuring the classic microphone silhouette with stand and capsule, this symbol has become the universal indicator for audio recording, voice input, and sound capture across digital platforms and media interfaces.

Where is the Mic icon used?

In modern applications like Zoom's audio controls or Spotify's podcast recording features, users encounter this icon when enabling voice input and managing audio recording settings. Popular platforms including Google Meet and Discord display this symbol for microphone activation, while content creation tools like Audacity and voice assistant interfaces utilize it for audio capture and voice command functionality.

What does the Mic icon tell users?

From an accessibility perspective, the microphone symbol communicates more than just "sound input" - it specifically indicates active voice recording, real-time audio capture, and hands-free interaction capabilities for inclusive digital experiences. This distinction helps users understand they're engaging voice-based interfaces rather than text-only communication or passive audio consumption.

Which library is the Mic icon from?

Mic is one of 1,655 icons in Lucide, made by Lucide Contributors and released under ISC. It is drawn on a 24 × 24 grid with a 2 stroke.

4.9 out of 5 from 150+ developers

Install Mic from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro
  • Cancel anytime
  • Keep what you've shipped