---
title: "Mic level animated icon"
description: "Mic level animated icon (Voice). The microphone's input level meter reacts to sound. Light: a pair of sound arcs travels in from the upper sides and fades into the capsule; as it lands, the level bar inside the capsule jumps up and stops dead, holds for a beat, then sinks back to its resting tick. Strong: two sounds arrive in turn; the first lifts the level part way and it starts to fall, the second, louder, drives it to the top, where it holds before sinking back. The microphone itself never moves."
canonical: https://generativeicons.com/icons/mic-level/
---

# Mic level animated icon

The microphone's input level meter reacts to sound. Light: a pair of sound arcs travels in from the upper sides and fades into the capsule; as it lands, the level bar inside the capsule jumps up and stops dead, holds for a beat, then sinks back to its resting tick. Strong: two sounds arrive in turn; the first lifts the level part way and it starts to fall, the second, louder, drives it to the top, where it holds before sinking back. The microphone itself never moves.

- Id: `mic-level`
- Category: Voice
- Search terms: input level, input volume, mic volume, microphone volume, mic gain, gain, level meter, vu meter, mic test, test microphone, sound check, sensitivity
- One action, back to rest
- Styles: outline, solid, duotone; outline weights 1.5, 2, 2.5 (any from 1 to 3); motion light or strong
- File: https://generativeicons.com/assets/mic-level.lottie (dotLottie, 4336 bytes, sha256 a9f7f2c2bce3398f511a172d6b47bbcdbb8d5662f7a30ebb67152feaaaa996da)
- License: MIT

## Install

```sh
npm install @lottiefiles/generative-icons-runtime
npx generative-icons init
npx generative-icons add mic-level
```

## React

```tsx
// npm install @lottiefiles/generative-icons-react
'use client';
import { AnimatedIcon } from '@lottiefiles/generative-icons-react';
import icon, { src } from './generative-icons/mic-level.mjs';

export function MicLevelIcon() {
  return <AnimatedIcon icon={icon} src={src} size={32}
    color="#ffffff" variant="outline" weight={2}
    motion="light" theme="dark" />;
}
```

## JavaScript

```js
import { createIcon } from '@lottiefiles/generative-icons-runtime';
import icon, { src } from './generative-icons/mic-level.mjs';

const handle = await createIcon(canvas, {
  icon, src,
  color: '#ffffff', style: 'outline', weight: 2,
  motion: 'light', theme: 'dark'
});
button.addEventListener('click', () => handle.play());
// On removal: handle.destroy();
```

More: https://generativeicons.com/icons/mic-level/ · https://generativeicons.com/api/icons/mic-level