---
title: "Audiobook animated icon"
description: "Audiobook animated icon (Accessibility & reading). The open book reads itself aloud. Light: the book lifts a touch and drops back with a hit as it sends one wave up: the large sound arc travels on upward and fades, the small arc swells into its place and a new small arc grows in from the spine. Strong: the book pushes out two waves, one after the other, with two decaying bumps. The arcs end exactly where they started."
canonical: https://generativeicons.com/icons/audiobook/
---

# Audiobook animated icon

The open book reads itself aloud. Light: the book lifts a touch and drops back with a hit as it sends one wave up: the large sound arc travels on upward and fades, the small arc swells into its place and a new small arc grows in from the spine. Strong: the book pushes out two waves, one after the other, with two decaying bumps. The arcs end exactly where they started.

- Id: `audiobook`
- Category: Accessibility & reading
- Search terms: audio book, read aloud, listen to book, talking book, spoken word, narrated book, book narration, audio story, storytelling, bedtime story
- 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/audiobook.lottie (dotLottie, 4508 bytes, sha256 10c4d5faddff34b9fbf6b585890b16c883f415a74e5e10ba3bac925cc0f94aa3)
- License: MIT

## Install

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

## React

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

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