---
title: "Voice speed animated icon"
description: "Voice speed animated icon (Voice). Speech speeds up. Light: Play gives one beat as the faster speed engages, and the cadence marks bunch up behind it like cars braking in a queue: the middle mark slams into its tighter slot first, the far one 70 ms later, each hitting home and rebounding once. Strong: Play gathers, then beats harder while the marks first spread out, drive in faster and rebound twice. The first mark never moves; the marks stay at the tighter spacing. The reverse is the exact time reversal: the marks relax back out, far one first."
canonical: https://generativeicons.com/icons/voice-speed/
---

# Voice speed animated icon

Speech speeds up. Light: Play gives one beat as the faster speed engages, and the cadence marks bunch up behind it like cars braking in a queue: the middle mark slams into its tighter slot first, the far one 70 ms later, each hitting home and rebounding once. Strong: Play gathers, then beats harder while the marks first spread out, drive in faster and rebound twice. The first mark never moves; the marks stay at the tighter spacing. The reverse is the exact time reversal: the marks relax back out, far one first.

- Id: `voice-speed`
- Category: Voice
- Search terms: playback speed, playback rate, speech rate, speaking rate, speed up, slow down, 2x, faster speech, tempo, talking speed, words per minute, wpm
- Two states: normal-speed to faster-speech, played forward and back
- 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/voice-speed.lottie (dotLottie, 7474 bytes, sha256 0f9109e6009f6afcdf7b890e376dcfbea3e698f41f9f6749e96df3e098471d11)
- License: MIT

## Install

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

## React

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

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