---
title: "Library shelf animated icon"
description: "Library shelf animated icon (Education). A book is taken down and shelved again. Light: the middle book is drawn up out of the row, held, and dropped home with a knock; the knock rattles the row: the leaning book rocks back on its corner and the left book tips, each settling a beat later. Strong: the book sticks first (a short tug), is pulled out higher, then shelved hard with a rebound, and the knock rocks both neighbours wider before they settle. The shelf never moves."
canonical: https://generativeicons.com/icons/library-shelf/
---

# Library shelf animated icon

A book is taken down and shelved again. Light: the middle book is drawn up out of the row, held, and dropped home with a knock; the knock rattles the row: the leaning book rocks back on its corner and the left book tips, each settling a beat later. Strong: the book sticks first (a short tug), is pulled out higher, then shelved hard with a rebound, and the knock rocks both neighbours wider before they settle. The shelf never moves.

- Id: `library-shelf`
- Category: Education
- Search terms: books, bookshelf, bookcase, book collection, reading list, borrow, borrow book, catalogue, catalog, literature, bookstore, my library
- 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/library-shelf.lottie (dotLottie, 4498 bytes, sha256 f6c5a3d7941f9893ad7908d0d7289a5ac193a936f898161c29b9da5b7f1848a4)
- License: MIT

## Install

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

## React

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

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