---
title: "Pronunciation animated icon"
description: "Pronunciation animated icon (Voice). A word is pronounced aloud. Light: the lips open on one syllable, the lower lip dropping with the jaw, and close again, while the two sound arcs in front of the mouth swell outward one after the other and settle. Strong: two syllables, the second opening wider and holding longer, and the arcs swell out twice, the second further."
canonical: https://generativeicons.com/icons/pronunciation/
---

# Pronunciation animated icon

A word is pronounced aloud. Light: the lips open on one syllable, the lower lip dropping with the jaw, and close again, while the two sound arcs in front of the mouth swell outward one after the other and settle. Strong: two syllables, the second opening wider and holding longer, and the arcs swell out twice, the second further.

- Id: `pronunciation`
- Category: Voice
- Search terms: pronounce, how to pronounce, phonetics, phonics, accent, enunciation, articulation, mouth, lips, speak aloud, say aloud, speech practice
- 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/pronunciation.lottie (dotLottie, 4756 bytes, sha256 22705d37bd803e242da8ee0270ec90153431f14b89bf7a4e674611a80e75ec44)
- License: MIT

## Install

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

## React

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

export function PronunciationIcon() {
  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/pronunciation.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/pronunciation/ · https://generativeicons.com/api/icons/pronunciation