# useAnimations documentation

useAnimations is a free, MIT-licensed library of 300 animated icons for React. Every icon comes with a built-in interaction: it loops, plays on click or plays on hover. Use them with the `react-useanimations` package or add them with the shadcn CLI.

## Quick start

```bash
npm install react-useanimations
```

```jsx
import UseAnimations from 'react-useanimations';
import github from 'react-useanimations/lib/github';

export default function Header() {
  return <UseAnimations animation={github} size={32} />;
}
```

The icon follows the text color and plays its own interaction: `github` loops while you hover it. The package has no dependencies; a built-in player (8 kB gzipped) draws the icons as SVG, and each icon is a separate module, so your bundle only includes the icons you import.

## Interactions

Every icon comes with the interaction it was designed for. Override it with the `interaction` prop.

| Interaction    | What it does                                                       | Example icons                        |
| -------------- | ------------------------------------------------------------------ | ------------------------------------ |
| `loop`         | Plays continuously.                                                | `loading`, `activity`, `alertCircle` |
| `click-toggle` | Switches between two states on click (forward, then backward).     | `menu`, `checkBox`, `playPause`      |
| `click-replay` | Replays from the start on every click.                             | `download`, `refresh`, `send`        |
| `hover`        | Plays forward on mouse enter and backward on mouse leave.          | `archive`, `settings`, `trash`       |
| `hover-loop`   | Loops while hovered and finishes the current cycle on mouse leave. | `github`, `twitter`, `dribbble`      |
| `hover-replay` | Plays once from the start on mouse enter.                          | `arrowRight`, `bluetooth`, `zap`     |

When the user prefers reduced motion, icons stay still: loops show their first frame, hover and replay animations don't play, and toggles switch to their new state immediately.

## Props

```jsx
<UseAnimations animation={github} size={56} strokeColor="#4b5cff" style={{ padding: 8 }} />
```

| Prop          | Default          | Description                                                                                                      |
| ------------- | ---------------- | ---------------------------------------------------------------------------------------------------------------- |
| `animation`   | —                | Icon imported from `react-useanimations/lib/<name>`, or `{ animationData, interaction }` for your own animation. |
| `size`        | `24`             | Width and height; numbers are pixels, strings are any CSS length such as `'1.5em'`.                              |
| `strokeColor` | `'currentColor'` | Color of the strokes. By default the icon follows the text color.                                                |
| `fillColor`   | `strokeColor`    | Color of filled parts, e.g. a liked heart.                                                                       |
| `interaction` | per icon         | `'loop'`, `'click-toggle'`, `'click-replay'`, `'hover'`, `'hover-loop'` or `'hover-replay'`.                     |
| `active`      | —                | For `click-toggle` icons: `true` shows the end state. Controlled: set it in `onClick`, clicks don't toggle it.   |
| `autoplay`    | per icon         | `true` for `loop` icons, unless reduced motion is preferred.                                                     |
| `loop`        | per icon         | `true` for `loop` and `hover-loop` icons.                                                                        |
| `speed`       | `1`              | Playback speed.                                                                                                  |
| `render`      | —                | Render prop for a custom wrapper, see [Wrap the icon in a real button](#wrap-the-icon-in-a-real-button).         |

Any other prop (`className`, `aria-label`, `onClick`, …) goes to the wrapper `<span>`. Your event handlers run before the animation's; call `event.preventDefault()` to skip the animation.

## Importing icons

Import each icon from `react-useanimations/lib/<name>`, or several at once from `react-useanimations/icons`:

```jsx
import { github, heart, menu } from 'react-useanimations/icons';
```

Production builds include only the icons you use either way. Dev servers and test runners don't tree-shake, so there `react-useanimations/icons` loads every icon; prefer `lib/<name>` if that matters. `delete` and `package` are reserved words: import them as `deleteIcon` and `packageIcon`.

## Controlled toggle

```jsx
import { useState } from 'react';
import UseAnimations from 'react-useanimations';
import menu from 'react-useanimations/lib/menu';

export function MenuButton() {
  const [open, setOpen] = useState(false);
  return (
    <UseAnimations
      animation={menu}
      size={40}
      active={open} // also animates when `open` changes elsewhere
      onClick={() => setOpen(!open)}
    />
  );
}
```

## Wrap the icon in a real button

For clickable icons, put a focusable element around the icon with the `render` prop: `eventProps` go on your element and `animationProps` on a `<span>` inside it. Hover animations then also play when the button gets keyboard focus.

```jsx
import heart from 'react-useanimations/lib/heart';

<UseAnimations
  animation={heart}
  size={32}
  render={(eventProps, animationProps) => (
    <button type="button" aria-label="Add to favorites" {...eventProps}>
      <span {...animationProps} />
    </button>
  )}
/>;
```

## Size & color

Icons are line icons drawn on a 24 or 32 px artboard and stay sharp at any size: set `size` to a number of pixels or any CSS length.

The strokes follow `currentColor`, so icons pick up the text color, hover states and dark mode on their own. Change them with `strokeColor` and `fillColor`, with CSS `color`, or style the paths: the built-in rule has zero specificity, so your CSS always wins.

Some icons cut a gap into themselves (the slash in `visibility`, `microphone`, `video`, `volume` and `notification`, the check in `download`, the ring around `notification3`'s badge). The gap takes the page background: white on light pages and dark on pages with `color-scheme: dark`. On other backgrounds, set it with the `--ua-knockout` CSS variable, e.g. `body { --ua-knockout: #0f172a; }`.

```jsx
// Tailwind: color and stroke width
<UseAnimations animation={github} className="text-indigo-500 [&_path]:stroke-[3]" />
```

## Next.js and server rendering

The component is marked `'use client'` and draws the animation only in the browser, so you can render it from server components and SSR frameworks (Next.js, Remix, Astro) without `dynamic(…, { ssr: false })`. Icon modules are plain data, so server components can import them and pass them as props.

## shadcn/ui

Every icon is also in a [shadcn registry](https://ui.shadcn.com/docs/registry). The CLI adds a ready-made component and installs `react-useanimations`:

```bash
npx shadcn@latest add https://useanimations.com/r/checkmark.json
```

```tsx
import { AnimatedCheckmark } from '@/components/animations/checkmark';

<AnimatedCheckmark size={24} />;
```

The component is named `Animated` + the icon id in PascalCase (`check-box` → `AnimatedCheckBox`), lands in `components/animations/<id>.tsx` and takes the same props as `UseAnimations`. The registry index is [/r/registry.json](/r/registry.json). For the short form `npx shadcn@latest add @useanimations/checkmark`, add the registry to `components.json`:

```json
{
  "registries": {
    "@useanimations": "https://useanimations.com/r/{name}.json"
  }
}
```

## Your own animation

```jsx
import animationData from './my-animation.json';

<UseAnimations animation={{ animationData, interaction: 'hover' }} />;
```

Your animation must be a Lottie JSON file, the format the icons use. The player supports what the icons need: shape layers, precompositions, null layers and parenting, paths, rectangles, ellipses, strokes, fills, trim paths, masks, keyframes with easing, holds and motion paths, and the `loopOut()` and `wiggle()` expressions. Anything else, such as gradients, text or image layers, effects and mattes, is not drawn; the console warns about unsupported layers, shapes and expressions.

## Files & icons.json

Every icon can also be downloaded, from its page or from stable, CORS-enabled URLs:

| File                       | URL                                                |
| -------------------------- | -------------------------------------------------- |
| Animation (Lottie JSON)    | `https://useanimations.com/icons/<id>.json`        |
| Static SVG of each state   | `https://useanimations.com/icons/<id>/<state>.svg` |
| ZIP with the JSON and SVGs | `https://useanimations.com/icons/<id>.zip`         |
| Icon page                  | `https://useanimations.com/icons/<id>`             |
| Catalog of every icon      | `https://useanimations.com/icons.json`             |

[icons.json](/icons.json) lists every icon with its id, title, category, search keywords, interaction, file URLs, size and duration, its `react-useanimations` import and the shadcn command. The npm package ships the same data: `react-useanimations/catalog.json` (metadata), `react-useanimations/icons` (the animations) and `react-useanimations/svg.json` (the static SVGs).

## Use without React

The icons are standard Lottie JSON, so any Lottie player can play them from `https://useanimations.com/icons/<id>.json` or from a copy in your project. Outside React you wire up the interaction yourself. [Lottie icons](/lottie-icons) has more players and examples.

Some icons use After Effects expressions (`loopOut()`, `wiggle()`); `requiresFullPlayer` marks them in [icons.json](/icons.json). On the web they need lottie-web's full build, not `lottie_light`, and native players don't evaluate expressions.

### HTML and JavaScript

```html
<div id="icon" style="width: 48px; height: 48px"></div>

<script src="https://cdn.jsdelivr.net/npm/lottie-web@5.13.0/build/player/lottie.min.js"></script>
<script>
  const el = document.getElementById('icon');
  const animation = lottie.loadAnimation({
    container: el,
    renderer: 'svg',
    loop: false,
    autoplay: false,
    path: 'https://useanimations.com/icons/archive.json',
  });
  // hover: forward on enter, backward on leave
  el.addEventListener('mouseenter', () => {
    animation.setDirection(1);
    animation.play();
  });
  el.addEventListener('mouseleave', () => {
    animation.setDirection(-1);
    animation.play();
  });
</script>
```

With the SVG renderer, the icon can follow the text color like the React component:

```css
#icon path[stroke^='rgb']:not([stroke='rgb(255,255,255)']) {
  stroke: currentColor;
}
#icon path[fill='rgb(0,0,0)'] {
  fill: currentColor;
}
```

### Vue

```vue
<script setup>
import lottie from 'lottie-web';
import { onBeforeUnmount, onMounted, ref } from 'vue';

const el = ref(null);
let animation;
onMounted(() => {
  animation = lottie.loadAnimation({
    container: el.value,
    renderer: 'svg',
    loop: true,
    autoplay: true,
    path: 'https://useanimations.com/icons/loading.json',
  });
});
onBeforeUnmount(() => animation?.destroy());
</script>

<template>
  <div ref="el" style="width: 48px; height: 48px" />
</template>
```

### React Native

```jsx
import LottieView from 'lottie-react-native';

<LottieView source={require('./loading.json')} autoPlay loop style={{ width: 48, height: 48 }} />;
```

### iOS

With [lottie-ios](https://github.com/airbnb/lottie-ios) and the JSON in your app bundle:

```swift
import Lottie
import SwiftUI

LottieView(animation: .named("loading"))
  .looping()
  .frame(width: 48, height: 48)
```

### Android

With [lottie-android](https://github.com/airbnb/lottie-android) in Jetpack Compose and the JSON in `res/raw`:

```kotlin
val composition by rememberLottieComposition(LottieCompositionSpec.RawRes(R.raw.loading))
LottieAnimation(composition, iterations = LottieConstants.IterateForever, modifier = Modifier.size(48.dp))
```

### Flutter

With the [lottie](https://pub.dev/packages/lottie) package:

```dart
Lottie.asset('assets/loading.json', width: 48, height: 48)
```

## Performance & accessibility

- **Small:** the player is 8 kB gzipped with no dependencies, and an icon is 1 to 15 kB (2 kB median).
- **Lazy:** animations are drawn only in the browser, after the page renders; autoplaying loops pause while they are scrolled out of view, and everything is cleaned up on unmount.
- **Decorative by default:** icons are hidden from screen readers (`aria-hidden`) unless you pass `aria-label`, which announces them as an image. For icon-only controls, use a real `<button>` with an `aria-label` (see [above](#wrap-the-icon-in-a-real-button)) and reflect toggle state with `aria-pressed` or `aria-expanded`.
- **Reduced motion and touch:** icons respect `prefers-reduced-motion`, and taps on touch screens don't trigger hover animations.

## AI coding agents

Agents can pick icons by keyword or interaction from [icons.json](/icons.json), or `react-useanimations/catalog.json` inside the package, and use the import line or shadcn command it lists. The type definitions of every icon import also carry its title, keywords, interaction and preview. This documentation is available as Markdown at [/documentation.md](/documentation.md), and [/llms.txt](/llms.txt) indexes the site.

## Upgrading from v2

For most apps, upgrading means installing v3: the component, `react-useanimations/lib/<name>` imports and all 79 v2 icons stay the same. Work through the steps below that apply to your code.

### 1. Install v3

v3 needs React 18 or newer and has no dependencies. Remove lottie-web too, unless something else in your app uses it.

```bash
npm install react-useanimations@3
npm uninstall lottie-web
```

### 2. Replace `reverse` with `active`

`active` is fully controlled: the icon animates when `active` changes, and a click alone doesn't toggle it, so update it in `onClick`. `reverse` still works as in v2 (it sets the starting state and clicks toggle the icon) but is deprecated. Both apply only to `click-toggle` icons: the four arrow circles now replay on click (see [step 6](#6-check-the-icons-whose-interaction-changed)).

```diff
- <UseAnimations animation={checkBox} reverse={checked} onClick={toggle} />
+ <UseAnimations animation={checkBox} active={checked} onClick={toggle} />
```

### 3. Check the colors

v2 icons were black unless you set `strokeColor`. v3 icons follow the text color (`currentColor`), and `fillColor` defaults to `strokeColor`. Icons inside colored text or links change color with it; to keep them black, set the color yourself:

```jsx
<UseAnimations animation={github} strokeColor="#000" />
```

### 4. Move `wrapperStyle`, `pathCss` and `options`

- **`wrapperStyle`** is deprecated: use `style`.
- **`pathCss`** was removed: style the paths with a class.
- **`options`** (lottie-web settings) was removed with lottie-web. Use the `loop`, `autoplay` and `speed` props; other lottie-web options have no equivalent.

Passing `pathCss` or `options` anyway logs a warning once; they are ignored.

```diff
- <UseAnimations animation={github} wrapperStyle={{ margin: 8 }} pathCss="stroke-width: 3px;" options={{ loop: true }} />
+ <UseAnimations animation={github} style={{ margin: 8 }} className="thick" loop />
```

```css
.thick path {
  stroke-width: 3px;
}
```

### 5. Check the wrapper element

The wrapper is now an inline-block `<span>` instead of a `<div>`, so it is valid inside buttons and links and sits on the text line. Update CSS that targets the wrapper as a `div`, and spread `animationProps` on a `<span>` in the `render` prop:

```diff
  render={(eventProps, animationProps) => (
    <button type="button" aria-label="Like" {...eventProps}>
-     <div {...animationProps} />
+     <span {...animationProps} />
    </button>
  )}
```

Icons are now hidden from screen readers (`aria-hidden`) unless you pass `aria-label`; add one to icons that carry meaning on their own.

### 6. Check the icons whose interaction changed

Interactions now match useanimations.com. If an icon should behave as in v2, pass its old interaction:

| Icons                                                                                              | v2               | v3             |
| -------------------------------------------------------------------------------------------------- | ---------------- | -------------- |
| `arrowDownCircle`, `arrowLeftCircle`, `arrowRightCircle`, `arrowUpCircle`                          | `click-toggle`   | `click-replay` |
| `calendar`, `folder`, `home`, `instagram`, `userMinus`, `userPlus`, `userX`, `youtube`, `youtube2` | `hover-replay`\* | `hover`        |
| `behance`, `codepen`, `facebook`, `github`, `linkedin`, `pocket`, `twitter`                        | `hover-replay`\* | `hover-loop`   |
| `copy`, `edit`, `mail`                                                                             | `click-replay`   | `hover`        |
| `dribbble`                                                                                         | `hover`          | `hover-loop`   |
| `zoomIn`, `zoomOut`                                                                                | `loop`           | `hover`        |

\* v2 played these once on mouse enter and jumped back to the start on mouse leave; `hover-replay` is the closest.

```jsx
<UseAnimations animation={zoomIn} interaction="loop" />
```

### 7. Update imports

Import icons only as `react-useanimations/lib/<name>` or from `react-useanimations/icons`. Internal file paths of v2 such as `react-useanimations/lib/github/index` or `react-useanimations/lib/github/github.json` no longer resolve; the Lottie JSON is the icon's `animationData`:

```diff
- import githubJson from 'react-useanimations/lib/github/github.json';
+ import github from 'react-useanimations/lib/github';
+ const githubJson = github.animationData;
```

The `react-useanimations/utils` paths were removed. Import the types from the package:

```diff
- import type { Animation, AnimationKey } from 'react-useanimations/utils';
+ import type { Animation, AnimationKey, Interaction, UseAnimationsProps } from 'react-useanimations';
```

`Animation` is now `{ animationData, interaction }`; v2's `animationKey` field is gone, so objects you built yourself use `interaction` instead.

### What else is new

221 more icons (300 in total), several icons at once from `react-useanimations/icons`, reduced-motion support, hover on keyboard focus, no stuck hover animations on touch screens, server rendering without workarounds, and a [shadcn registry](#shadcnui).

## License

The icons and the code are released under the [MIT license](https://opensource.org/license/mit/): use, modify and redistribute them in personal and commercial work. Attribution is not required but appreciated:

```html
Animated icons by <a href="https://useanimations.com">useAnimations</a>
```

Full terms: [Licencing & Terms](/licencing-and-terms).

## FAQ

<details><summary>Is useAnimations free for commercial projects?</summary>

Yes. The icons and the package are MIT-licensed, with no attribution required.

</details>

<details><summary>How do I change the color of an icon?</summary>

Icons follow the text color. Change it with `strokeColor` and `fillColor`, CSS `color`, or by styling the paths. See [Size & color](#size--color).

</details>

<details><summary>Does it work without React?</summary>

The package is for React. Every icon is also a Lottie JSON file that lottie-web, lottie-ios, lottie-android, Flutter and React Native can play, and a static SVG. See [Use without React](#use-without-react) and [Lottie icons](/lottie-icons).

</details>

<details><summary>Can AI coding agents use useAnimations?</summary>

Yes. Point them at [icons.json](/icons.json) and [/documentation.md](/documentation.md); the package itself ships `catalog.json` and documented types for every icon.

</details>


# Icons

All 300 icons by category. Static SVGs: `https://useanimations.com/icons/<id>/<state>.svg` (one per state listed); ZIP of everything: `https://useanimations.com/icons/<id>.zip`. Full metadata: https://useanimations.com/icons.json

## Alerts

### Alert circle (`alert-circle`)
- Category: Alerts; interaction: `loop`; states: alert-circle
- React: `import alertCircle from 'react-useanimations/lib/alertCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/alert-circle.json`
- Lottie JSON: https://useanimations.com/icons/alert-circle.json
- Page: https://useanimations.com/icons/alert-circle (Markdown: https://useanimations.com/icons/alert-circle.md)

### Alert octagon (`alert-octagon`)
- Category: Alerts; interaction: `loop`; states: alert-octagon
- React: `import alertOctagon from 'react-useanimations/lib/alertOctagon';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/alert-octagon.json`
- Lottie JSON: https://useanimations.com/icons/alert-octagon.json
- Page: https://useanimations.com/icons/alert-octagon (Markdown: https://useanimations.com/icons/alert-octagon.md)

### Alert triangle (`alert-triangle`)
- Category: Alerts; interaction: `loop`; states: alert-triangle
- React: `import alertTriangle from 'react-useanimations/lib/alertTriangle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/alert-triangle.json`
- Lottie JSON: https://useanimations.com/icons/alert-triangle.json
- Page: https://useanimations.com/icons/alert-triangle (Markdown: https://useanimations.com/icons/alert-triangle.md)

### Error (`error`)
- Category: Alerts; interaction: `loop`; states: error
- Also known as: failure, danger
- React: `import error from 'react-useanimations/lib/error';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/error.json`
- Lottie JSON: https://useanimations.com/icons/error.json
- Page: https://useanimations.com/icons/error (Markdown: https://useanimations.com/icons/error.md)

### X Octagon (`x-octagon`)
- Category: Alerts; interaction: `click-replay`; states: x-octagon
- React: `import xOctagon from 'react-useanimations/lib/xOctagon';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/x-octagon.json`
- Lottie JSON: https://useanimations.com/icons/x-octagon.json
- Page: https://useanimations.com/icons/x-octagon (Markdown: https://useanimations.com/icons/x-octagon.md)

## Notifications

### Notification (`notification`)
- Category: Notifications; interaction: `click-toggle`; states: bell-off, bell
- Also known as: bell, alarm, reminder
- React: `import notification from 'react-useanimations/lib/notification';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/notification.json`
- Lottie JSON: https://useanimations.com/icons/notification.json
- Page: https://useanimations.com/icons/notification (Markdown: https://useanimations.com/icons/notification.md)

### Notification V2 (`notification-v2`)
- Category: Notifications; interaction: `click-toggle`; states: bell-off, bell
- Also known as: bell, alarm, reminder
- React: `import notification2 from 'react-useanimations/lib/notification2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/notification-v2.json`
- Lottie JSON: https://useanimations.com/icons/notification-v2.json
- Page: https://useanimations.com/icons/notification-v2 (Markdown: https://useanimations.com/icons/notification-v2.md)

### Notification V3 (`notification-v3`)
- Category: Notifications; interaction: `loop`; states: bell
- Also known as: bell, alarm, reminder
- React: `import notification3 from 'react-useanimations/lib/notification3';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/notification-v3.json`
- Lottie JSON: https://useanimations.com/icons/notification-v3.json
- Page: https://useanimations.com/icons/notification-v3 (Markdown: https://useanimations.com/icons/notification-v3.md)

### Notification V4 (`notification-v4`)
- Category: Notifications; interaction: `loop`; states: bell
- Also known as: bell, alarm, reminder
- React: `import notification4 from 'react-useanimations/lib/notification4';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/notification-v4.json`
- Lottie JSON: https://useanimations.com/icons/notification-v4.json
- Page: https://useanimations.com/icons/notification-v4 (Markdown: https://useanimations.com/icons/notification-v4.md)

## Navigation

### Arrow down circle (`arrow-down-circle`)
- Category: Navigation; interaction: `click-replay`; states: arrow-down-circle
- React: `import arrowDownCircle from 'react-useanimations/lib/arrowDownCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-down-circle.json`
- Lottie JSON: https://useanimations.com/icons/arrow-down-circle.json
- Page: https://useanimations.com/icons/arrow-down-circle (Markdown: https://useanimations.com/icons/arrow-down-circle.md)

### Arrow Down Left (`arrow-down-left`)
- Category: Navigation; interaction: `hover-replay`; states: arrow-down-left
- React: `import arrowDownLeft from 'react-useanimations/lib/arrowDownLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-down-left.json`
- Lottie JSON: https://useanimations.com/icons/arrow-down-left.json
- Page: https://useanimations.com/icons/arrow-down-left (Markdown: https://useanimations.com/icons/arrow-down-left.md)

### Arrow Down Right (`arrow-down-right`)
- Category: Navigation; interaction: `hover-replay`; states: arrow-down-right
- React: `import arrowDownRight from 'react-useanimations/lib/arrowDownRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-down-right.json`
- Lottie JSON: https://useanimations.com/icons/arrow-down-right.json
- Page: https://useanimations.com/icons/arrow-down-right (Markdown: https://useanimations.com/icons/arrow-down-right.md)

### Arrow Left (`arrow-left`)
- Category: Navigation; interaction: `hover-replay`; states: arrow-left
- React: `import arrowLeft from 'react-useanimations/lib/arrowLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-left.json`
- Lottie JSON: https://useanimations.com/icons/arrow-left.json
- Page: https://useanimations.com/icons/arrow-left (Markdown: https://useanimations.com/icons/arrow-left.md)

### Arrow left circle (`arrow-left-circle`)
- Category: Navigation; interaction: `click-replay`; states: arrow-left-circle
- React: `import arrowLeftCircle from 'react-useanimations/lib/arrowLeftCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-left-circle.json`
- Lottie JSON: https://useanimations.com/icons/arrow-left-circle.json
- Page: https://useanimations.com/icons/arrow-left-circle (Markdown: https://useanimations.com/icons/arrow-left-circle.md)

### Arrow Right (`arrow-right`)
- Category: Navigation; interaction: `hover-replay`; states: arrow-right
- React: `import arrowRight from 'react-useanimations/lib/arrowRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-right.json`
- Lottie JSON: https://useanimations.com/icons/arrow-right.json
- Page: https://useanimations.com/icons/arrow-right (Markdown: https://useanimations.com/icons/arrow-right.md)

### Arrow right circle (`arrow-right-circle`)
- Category: Navigation; interaction: `click-replay`; states: arrow-right-circle
- React: `import arrowRightCircle from 'react-useanimations/lib/arrowRightCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-right-circle.json`
- Lottie JSON: https://useanimations.com/icons/arrow-right-circle.json
- Page: https://useanimations.com/icons/arrow-right-circle (Markdown: https://useanimations.com/icons/arrow-right-circle.md)

### Arrow up circle (`arrow-up-circle`)
- Category: Navigation; interaction: `click-replay`; states: arrow-up-circle
- React: `import arrowUpCircle from 'react-useanimations/lib/arrowUpCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-up-circle.json`
- Lottie JSON: https://useanimations.com/icons/arrow-up-circle.json
- Page: https://useanimations.com/icons/arrow-up-circle (Markdown: https://useanimations.com/icons/arrow-up-circle.md)

### Arrow Up Left (`arrow-up-left`)
- Category: Navigation; interaction: `hover-replay`; states: arrow-up-left
- React: `import arrowUpLeft from 'react-useanimations/lib/arrowUpLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-up-left.json`
- Lottie JSON: https://useanimations.com/icons/arrow-up-left.json
- Page: https://useanimations.com/icons/arrow-up-left (Markdown: https://useanimations.com/icons/arrow-up-left.md)

### Arrow Up Right (`arrow-up-right`)
- Category: Navigation; interaction: `hover-replay`; states: arrow-up-right
- React: `import arrowUpRight from 'react-useanimations/lib/arrowUpRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-up-right.json`
- Lottie JSON: https://useanimations.com/icons/arrow-up-right.json
- Page: https://useanimations.com/icons/arrow-up-right (Markdown: https://useanimations.com/icons/arrow-up-right.md)

### Burger Menu (`menu`)
- Category: Navigation; interaction: `click-toggle`; states: menu
- Also known as: hamburger menu, navigation drawer
- React: `import menu from 'react-useanimations/lib/menu';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/menu.json`
- Lottie JSON: https://useanimations.com/icons/menu.json
- Page: https://useanimations.com/icons/menu (Markdown: https://useanimations.com/icons/menu.md)

### Chevron Down (`chevron-down`)
- Category: Navigation; interaction: `hover-replay`; states: chevron-down
- React: `import chevronDown from 'react-useanimations/lib/chevronDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevron-down.json`
- Lottie JSON: https://useanimations.com/icons/chevron-down.json
- Page: https://useanimations.com/icons/chevron-down (Markdown: https://useanimations.com/icons/chevron-down.md)

### Chevron Up (`chevron-up`)
- Category: Navigation; interaction: `hover-replay`; states: chevron-up
- React: `import chevronUp from 'react-useanimations/lib/chevronUp';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevron-up.json`
- Lottie JSON: https://useanimations.com/icons/chevron-up.json
- Page: https://useanimations.com/icons/chevron-up (Markdown: https://useanimations.com/icons/chevron-up.md)

### Chevrons Down (`chevrons-down`)
- Category: Navigation; interaction: `hover-replay`; states: chevrons-down
- React: `import chevronsDown from 'react-useanimations/lib/chevronsDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevrons-down.json`
- Lottie JSON: https://useanimations.com/icons/chevrons-down.json
- Page: https://useanimations.com/icons/chevrons-down (Markdown: https://useanimations.com/icons/chevrons-down.md)

### Chevrons Left (`chevrons-left`)
- Category: Navigation; interaction: `hover-replay`; states: chevrons-left
- React: `import chevronsLeft from 'react-useanimations/lib/chevronsLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevrons-left.json`
- Lottie JSON: https://useanimations.com/icons/chevrons-left.json
- Page: https://useanimations.com/icons/chevrons-left (Markdown: https://useanimations.com/icons/chevrons-left.md)

### Chevrons Right (`chevrons-right`)
- Category: Navigation; interaction: `hover-replay`; states: chevrons-right
- React: `import chevronsRight from 'react-useanimations/lib/chevronsRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevrons-right.json`
- Lottie JSON: https://useanimations.com/icons/chevrons-right.json
- Page: https://useanimations.com/icons/chevrons-right (Markdown: https://useanimations.com/icons/chevrons-right.md)

### Chevrons Up (`chevrons-up`)
- Category: Navigation; interaction: `hover-replay`; states: chevrons-up
- React: `import chevronsUp from 'react-useanimations/lib/chevronsUp';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevrons-up.json`
- Lottie JSON: https://useanimations.com/icons/chevrons-up.json
- Page: https://useanimations.com/icons/chevrons-up (Markdown: https://useanimations.com/icons/chevrons-up.md)

### Corner Down Left (`corner-down-left`)
- Category: Navigation; interaction: `hover-replay`; states: corner-down-left
- React: `import cornerDownLeft from 'react-useanimations/lib/cornerDownLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-down-left.json`
- Lottie JSON: https://useanimations.com/icons/corner-down-left.json
- Page: https://useanimations.com/icons/corner-down-left (Markdown: https://useanimations.com/icons/corner-down-left.md)

### Corner Down Right (`corner-down-right`)
- Category: Navigation; interaction: `hover-replay`; states: corner-down-right
- React: `import cornerDownRight from 'react-useanimations/lib/cornerDownRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-down-right.json`
- Lottie JSON: https://useanimations.com/icons/corner-down-right.json
- Page: https://useanimations.com/icons/corner-down-right (Markdown: https://useanimations.com/icons/corner-down-right.md)

### Corner Left Down (`corner-left-down`)
- Category: Navigation; interaction: `hover-replay`; states: corner-left-down
- React: `import cornerLeftDown from 'react-useanimations/lib/cornerLeftDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-left-down.json`
- Lottie JSON: https://useanimations.com/icons/corner-left-down.json
- Page: https://useanimations.com/icons/corner-left-down (Markdown: https://useanimations.com/icons/corner-left-down.md)

### Corner Left Up (`corner-left-up`)
- Category: Navigation; interaction: `hover-replay`; states: corner-left-up
- React: `import cornerLeftUp from 'react-useanimations/lib/cornerLeftUp';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-left-up.json`
- Lottie JSON: https://useanimations.com/icons/corner-left-up.json
- Page: https://useanimations.com/icons/corner-left-up (Markdown: https://useanimations.com/icons/corner-left-up.md)

### Corner Right Down (`corner-right-down`)
- Category: Navigation; interaction: `hover-replay`; states: corner-right-down
- React: `import cornerRightDown from 'react-useanimations/lib/cornerRightDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-right-down.json`
- Lottie JSON: https://useanimations.com/icons/corner-right-down.json
- Page: https://useanimations.com/icons/corner-right-down (Markdown: https://useanimations.com/icons/corner-right-down.md)

### Corner Right Up (`corner-right-up`)
- Category: Navigation; interaction: `hover-replay`; states: corner-right-up
- React: `import cornerRightUp from 'react-useanimations/lib/cornerRightUp';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-right-up.json`
- Lottie JSON: https://useanimations.com/icons/corner-right-up.json
- Page: https://useanimations.com/icons/corner-right-up (Markdown: https://useanimations.com/icons/corner-right-up.md)

### Corner Up Left (`corner-up-left`)
- Category: Navigation; interaction: `hover-replay`; states: corner-up-left
- React: `import cornerUpLeft from 'react-useanimations/lib/cornerUpLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-up-left.json`
- Lottie JSON: https://useanimations.com/icons/corner-up-left.json
- Page: https://useanimations.com/icons/corner-up-left (Markdown: https://useanimations.com/icons/corner-up-left.md)

### Corner Up Right (`corner-up-right`)
- Category: Navigation; interaction: `hover-replay`; states: corner-up-right
- React: `import cornerUpRight from 'react-useanimations/lib/cornerUpRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/corner-up-right.json`
- Lottie JSON: https://useanimations.com/icons/corner-up-right.json
- Page: https://useanimations.com/icons/corner-up-right (Markdown: https://useanimations.com/icons/corner-up-right.md)

### External Link (`external-link`)
- Category: Navigation; interaction: `hover-replay`; states: external-link
- Also known as: open in new tab, outbound link
- React: `import externalLink from 'react-useanimations/lib/externalLink';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/external-link.json`
- Lottie JSON: https://useanimations.com/icons/external-link.json
- Page: https://useanimations.com/icons/external-link (Markdown: https://useanimations.com/icons/external-link.md)

### Log In (`log-in`)
- Category: Navigation; interaction: `click-replay`; states: log-in
- Also known as: sign in, login
- React: `import logIn from 'react-useanimations/lib/logIn';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/log-in.json`
- Lottie JSON: https://useanimations.com/icons/log-in.json
- Page: https://useanimations.com/icons/log-in (Markdown: https://useanimations.com/icons/log-in.md)

### Log Out (`log-out`)
- Category: Navigation; interaction: `click-replay`; states: log-out
- Also known as: sign out, logout
- React: `import logOut from 'react-useanimations/lib/logOut';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/log-out.json`
- Lottie JSON: https://useanimations.com/icons/log-out.json
- Page: https://useanimations.com/icons/log-out (Markdown: https://useanimations.com/icons/log-out.md)

### Menu V2 (`menu-v2`)
- Category: Navigation; interaction: `click-toggle`; states: menu
- Also known as: hamburger menu, burger menu, navigation drawer
- React: `import menu2 from 'react-useanimations/lib/menu2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/menu-v2.json`
- Lottie JSON: https://useanimations.com/icons/menu-v2.json
- Page: https://useanimations.com/icons/menu-v2 (Markdown: https://useanimations.com/icons/menu-v2.md)

### Menu V3 (`menu-v3`)
- Category: Navigation; interaction: `click-toggle`; states: menu
- Also known as: hamburger menu, burger menu, navigation drawer
- React: `import menu3 from 'react-useanimations/lib/menu3';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/menu-v3.json`
- Lottie JSON: https://useanimations.com/icons/menu-v3.json
- Page: https://useanimations.com/icons/menu-v3 (Markdown: https://useanimations.com/icons/menu-v3.md)

### Menu V4 (`menu-v4`)
- Category: Navigation; interaction: `click-toggle`; states: menu
- Also known as: hamburger menu, burger menu, navigation drawer
- React: `import menu4 from 'react-useanimations/lib/menu4';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/menu-v4.json`
- Lottie JSON: https://useanimations.com/icons/menu-v4.json
- Page: https://useanimations.com/icons/menu-v4 (Markdown: https://useanimations.com/icons/menu-v4.md)

### More Horizontal (`more-horizontal`)
- Category: Navigation; interaction: `loop`; states: more-horizontal
- Also known as: ellipsis, kebab menu, meatballs menu
- React: `import moreHorizontal from 'react-useanimations/lib/moreHorizontal';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/more-horizontal.json`
- Lottie JSON: https://useanimations.com/icons/more-horizontal.json
- Page: https://useanimations.com/icons/more-horizontal (Markdown: https://useanimations.com/icons/more-horizontal.md)

### More Vertical (`more-vertical`)
- Category: Navigation; interaction: `loop`; states: more-vertical
- Also known as: ellipsis, kebab menu, overflow menu
- React: `import moreVertical from 'react-useanimations/lib/moreVertical';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/more-vertical.json`
- Lottie JSON: https://useanimations.com/icons/more-vertical.json
- Page: https://useanimations.com/icons/more-vertical (Markdown: https://useanimations.com/icons/more-vertical.md)

### Sidebar (`sidebar`)
- Category: Navigation; interaction: `hover-replay`; states: sidebar
- React: `import sidebar from 'react-useanimations/lib/sidebar';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/sidebar.json`
- Lottie JSON: https://useanimations.com/icons/sidebar.json
- Page: https://useanimations.com/icons/sidebar (Markdown: https://useanimations.com/icons/sidebar.md)

## Action

### Award (`award`)
- Category: Action; interaction: `hover-replay`; states: award
- Also known as: badge, medal, achievement
- React: `import award from 'react-useanimations/lib/award';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/award.json`
- Lottie JSON: https://useanimations.com/icons/award.json
- Page: https://useanimations.com/icons/award (Markdown: https://useanimations.com/icons/award.md)

### Bookmark (`bookmark`)
- Category: Action; interaction: `click-toggle`; states: bookmark
- Also known as: save for later, ribbon
- React: `import bookmark from 'react-useanimations/lib/bookmark';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/bookmark.json`
- Lottie JSON: https://useanimations.com/icons/bookmark.json
- Page: https://useanimations.com/icons/bookmark (Markdown: https://useanimations.com/icons/bookmark.md)

### Calendar (`calendar`)
- Category: Action; interaction: `hover`
- Also known as: date picker, schedule
- React: `import calendar from 'react-useanimations/lib/calendar';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/calendar.json`
- Lottie JSON: https://useanimations.com/icons/calendar.json
- Page: https://useanimations.com/icons/calendar (Markdown: https://useanimations.com/icons/calendar.md)

### Check (`check`)
- Category: Action; interaction: `click-replay`; states: check
- Also known as: tick, done
- React: `import check from 'react-useanimations/lib/check';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/check.json`
- Lottie JSON: https://useanimations.com/icons/check.json
- Page: https://useanimations.com/icons/check (Markdown: https://useanimations.com/icons/check.md)

### Check Circle (`check-circle`)
- Category: Action; interaction: `click-replay`; states: check-circle
- React: `import checkCircle from 'react-useanimations/lib/checkCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/check-circle.json`
- Lottie JSON: https://useanimations.com/icons/check-circle.json
- Page: https://useanimations.com/icons/check-circle (Markdown: https://useanimations.com/icons/check-circle.md)

### Checkmark (`checkmark`)
- Category: Action; interaction: `loop`; states: checkmark
- Also known as: tick, done, success
- React: `import checkmark from 'react-useanimations/lib/checkmark';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/checkmark.json`
- Lottie JSON: https://useanimations.com/icons/checkmark.json
- Page: https://useanimations.com/icons/checkmark (Markdown: https://useanimations.com/icons/checkmark.md)

### Chevron left (`chevron-left`)
- Category: Action; interaction: `click-replay`; states: chevron-left
- React: `import chevronLeft from 'react-useanimations/lib/chevronLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevron-left.json`
- Lottie JSON: https://useanimations.com/icons/chevron-left.json
- Page: https://useanimations.com/icons/chevron-left (Markdown: https://useanimations.com/icons/chevron-left.md)

### Chevron right (`chevron-right`)
- Category: Action; interaction: `click-replay`; states: chevron-right
- React: `import chevronRight from 'react-useanimations/lib/chevronRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chevron-right.json`
- Lottie JSON: https://useanimations.com/icons/chevron-right.json
- Page: https://useanimations.com/icons/chevron-right (Markdown: https://useanimations.com/icons/chevron-right.md)

### Delete (`delete`)
- Category: Action; interaction: `click-replay`; states: delete
- Also known as: trash, bin, garbage, recycle bin
- React: `import deleteIcon from 'react-useanimations/lib/delete';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/delete.json`
- Lottie JSON: https://useanimations.com/icons/delete.json
- Page: https://useanimations.com/icons/delete (Markdown: https://useanimations.com/icons/delete.md)

### Download (`download`)
- Category: Action; interaction: `click-replay`; states: download
- Also known as: save file, export
- React: `import download from 'react-useanimations/lib/download';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/download.json`
- Lottie JSON: https://useanimations.com/icons/download.json
- Page: https://useanimations.com/icons/download (Markdown: https://useanimations.com/icons/download.md)

### Download Cloud (`download-cloud`)
- Category: Action; interaction: `click-replay`; states: download-cloud
- React: `import downloadCloud from 'react-useanimations/lib/downloadCloud';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/download-cloud.json`
- Lottie JSON: https://useanimations.com/icons/download-cloud.json
- Page: https://useanimations.com/icons/download-cloud (Markdown: https://useanimations.com/icons/download-cloud.md)

### Download V2 (`download-v2`)
- Category: Action; interaction: `click-replay`; states: download-v2
- Also known as: save file, export
- React: `import download2 from 'react-useanimations/lib/download2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/download-v2.json`
- Lottie JSON: https://useanimations.com/icons/download-v2.json
- Page: https://useanimations.com/icons/download-v2 (Markdown: https://useanimations.com/icons/download-v2.md)

### Edit (`edit`)
- Category: Action; interaction: `hover`; states: edit-2, edit
- Also known as: pencil, write, rename
- React: `import edit from 'react-useanimations/lib/edit';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/edit.json`
- Lottie JSON: https://useanimations.com/icons/edit.json
- Page: https://useanimations.com/icons/edit (Markdown: https://useanimations.com/icons/edit.md)

### Edit 2 (`edit-2`)
- Category: Action; interaction: `click-replay`; states: edit-2
- Also known as: pencil, write, rename
- React: `import edit2 from 'react-useanimations/lib/edit2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/edit-2.json`
- Lottie JSON: https://useanimations.com/icons/edit-2.json
- Page: https://useanimations.com/icons/edit-2 (Markdown: https://useanimations.com/icons/edit-2.md)

### Edit 3 (`edit-3`)
- Category: Action; interaction: `click-replay`; states: edit-3
- Also known as: pencil, write, rename
- React: `import edit3 from 'react-useanimations/lib/edit3';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/edit-3.json`
- Lottie JSON: https://useanimations.com/icons/edit-3.json
- Page: https://useanimations.com/icons/edit-3 (Markdown: https://useanimations.com/icons/edit-3.md)

### Explore (`explore`)
- Category: Action; interaction: `hover`; states: explore
- React: `import explore from 'react-useanimations/lib/explore';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/explore.json`
- Lottie JSON: https://useanimations.com/icons/explore.json
- Page: https://useanimations.com/icons/explore (Markdown: https://useanimations.com/icons/explore.md)

### Filter (`filter`)
- Category: Action; interaction: `click-replay`; states: filter
- Also known as: funnel, sort
- React: `import filter from 'react-useanimations/lib/filter';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/filter.json`
- Lottie JSON: https://useanimations.com/icons/filter.json
- Page: https://useanimations.com/icons/filter (Markdown: https://useanimations.com/icons/filter.md)

### Flag (`flag`)
- Category: Action; interaction: `hover-loop`; states: flag
- React: `import flag from 'react-useanimations/lib/flag';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/flag.json`
- Lottie JSON: https://useanimations.com/icons/flag.json
- Page: https://useanimations.com/icons/flag (Markdown: https://useanimations.com/icons/flag.md)

### Folder (`folder`)
- Category: Action; interaction: `hover`; states: folder
- React: `import folder from 'react-useanimations/lib/folder';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/folder.json`
- Lottie JSON: https://useanimations.com/icons/folder.json
- Page: https://useanimations.com/icons/folder (Markdown: https://useanimations.com/icons/folder.md)

### Heart (`heart`)
- Category: Action; interaction: `click-toggle`; states: heart
- Also known as: like, favorite, love
- React: `import heart from 'react-useanimations/lib/heart';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/heart.json`
- Lottie JSON: https://useanimations.com/icons/heart.json
- Page: https://useanimations.com/icons/heart (Markdown: https://useanimations.com/icons/heart.md)

### Heart V2 (`heart-v2`)
- Category: Action; interaction: `click-replay`; states: heart-v2
- Also known as: like, favorite, love
- React: `import heart2 from 'react-useanimations/lib/heart2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/heart-v2.json`
- Lottie JSON: https://useanimations.com/icons/heart-v2.json
- Page: https://useanimations.com/icons/heart-v2 (Markdown: https://useanimations.com/icons/heart-v2.md)

### Help (`help`)
- Category: Action; interaction: `loop`; states: help
- Also known as: question mark, support
- React: `import help from 'react-useanimations/lib/help';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/help.json`
- Lottie JSON: https://useanimations.com/icons/help.json
- Page: https://useanimations.com/icons/help (Markdown: https://useanimations.com/icons/help.md)

### Home (`home`)
- Category: Action; interaction: `hover`; states: home
- Also known as: house, start page
- React: `import home from 'react-useanimations/lib/home';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/home.json`
- Lottie JSON: https://useanimations.com/icons/home.json
- Page: https://useanimations.com/icons/home (Markdown: https://useanimations.com/icons/home.md)

### Info (`info`)
- Category: Action; interaction: `hover`; states: info
- Also known as: information, about
- React: `import info from 'react-useanimations/lib/info';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/info.json`
- Lottie JSON: https://useanimations.com/icons/info.json
- Page: https://useanimations.com/icons/info (Markdown: https://useanimations.com/icons/info.md)

### Key (`key`)
- Category: Action; interaction: `hover-replay`; states: key
- Also known as: password, access
- React: `import key from 'react-useanimations/lib/key';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/key.json`
- Lottie JSON: https://useanimations.com/icons/key.json
- Page: https://useanimations.com/icons/key (Markdown: https://useanimations.com/icons/key.md)

### Link (`link`)
- Category: Action; interaction: `click-replay`; states: link
- Also known as: chain, url, hyperlink
- React: `import link from 'react-useanimations/lib/link';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/link.json`
- Lottie JSON: https://useanimations.com/icons/link.json
- Page: https://useanimations.com/icons/link (Markdown: https://useanimations.com/icons/link.md)

### Link 2 (`link-2`)
- Category: Action; interaction: `click-replay`; states: link-2
- Also known as: chain, url, hyperlink
- React: `import link2 from 'react-useanimations/lib/link2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/link-2.json`
- Lottie JSON: https://useanimations.com/icons/link-2.json
- Page: https://useanimations.com/icons/link-2 (Markdown: https://useanimations.com/icons/link-2.md)

### Lock / Unlock (`lock`)
- Category: Action; interaction: `click-toggle`; states: lock
- Also known as: padlock, secure, private
- React: `import lock from 'react-useanimations/lib/lock';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/lock.json`
- Lottie JSON: https://useanimations.com/icons/lock.json
- Page: https://useanimations.com/icons/lock (Markdown: https://useanimations.com/icons/lock.md)

### Maxi/Minimize (`maximize-minimize`)
- Category: Action; interaction: `click-toggle`; states: maximize, minimize
- React: `import maximizeMinimize from 'react-useanimations/lib/maximizeMinimize';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/maximize-minimize.json`
- Lottie JSON: https://useanimations.com/icons/maximize-minimize.json
- Page: https://useanimations.com/icons/maximize-minimize (Markdown: https://useanimations.com/icons/maximize-minimize.md)

### Maxi/Minimize V2 (`maximize-minimize-v2`)
- Category: Action; interaction: `click-toggle`; states: maximize-2, minimize-2
- React: `import maximizeMinimize2 from 'react-useanimations/lib/maximizeMinimize2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/maximize-minimize-v2.json`
- Lottie JSON: https://useanimations.com/icons/maximize-minimize-v2.json
- Page: https://useanimations.com/icons/maximize-minimize-v2 (Markdown: https://useanimations.com/icons/maximize-minimize-v2.md)

### Maximize 2 (`maximize-2`)
- Category: Action; interaction: `hover-replay`; states: maximize-2
- Also known as: fullscreen, expand
- React: `import maximize2 from 'react-useanimations/lib/maximize2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/maximize-2.json`
- Lottie JSON: https://useanimations.com/icons/maximize-2.json
- Page: https://useanimations.com/icons/maximize-2 (Markdown: https://useanimations.com/icons/maximize-2.md)

### Minimize 2 (`minimize-2`)
- Category: Action; interaction: `hover-replay`; states: minimize-2
- Also known as: exit fullscreen, collapse
- React: `import minimize2 from 'react-useanimations/lib/minimize2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/minimize-2.json`
- Lottie JSON: https://useanimations.com/icons/minimize-2.json
- Page: https://useanimations.com/icons/minimize-2 (Markdown: https://useanimations.com/icons/minimize-2.md)

### Minus (`minus`)
- Category: Action; interaction: `click-replay`; states: minus
- React: `import minus from 'react-useanimations/lib/minus';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/minus.json`
- Lottie JSON: https://useanimations.com/icons/minus.json
- Page: https://useanimations.com/icons/minus (Markdown: https://useanimations.com/icons/minus.md)

### Minus Circle (`minus-circle`)
- Category: Action; interaction: `click-replay`; states: minus-circle
- React: `import minusCircle from 'react-useanimations/lib/minusCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/minus-circle.json`
- Lottie JSON: https://useanimations.com/icons/minus-circle.json
- Page: https://useanimations.com/icons/minus-circle (Markdown: https://useanimations.com/icons/minus-circle.md)

### Minus Square (`minus-square`)
- Category: Action; interaction: `click-replay`; states: minus-square
- React: `import minusSquare from 'react-useanimations/lib/minusSquare';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/minus-square.json`
- Lottie JSON: https://useanimations.com/icons/minus-square.json
- Page: https://useanimations.com/icons/minus-square (Markdown: https://useanimations.com/icons/minus-square.md)

### Plus Circle (`plus-circle`)
- Category: Action; interaction: `click-replay`; states: plus-circle
- React: `import plusCircle from 'react-useanimations/lib/plusCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/plus-circle.json`
- Lottie JSON: https://useanimations.com/icons/plus-circle.json
- Page: https://useanimations.com/icons/plus-circle (Markdown: https://useanimations.com/icons/plus-circle.md)

### Plus Square (`plus-square`)
- Category: Action; interaction: `click-replay`; states: plus-square
- React: `import plusSquare from 'react-useanimations/lib/plusSquare';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/plus-square.json`
- Lottie JSON: https://useanimations.com/icons/plus-square.json
- Page: https://useanimations.com/icons/plus-square (Markdown: https://useanimations.com/icons/plus-square.md)

### Plus/X (`plus-to-x`)
- Category: Action; interaction: `click-toggle`; states: plus, x
- React: `import plusToX from 'react-useanimations/lib/plusToX';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/plus-to-x.json`
- Lottie JSON: https://useanimations.com/icons/plus-to-x.json
- Page: https://useanimations.com/icons/plus-to-x (Markdown: https://useanimations.com/icons/plus-to-x.md)

### Power (`power`)
- Category: Action; interaction: `click-replay`; states: power
- Also known as: on/off, shutdown
- React: `import power from 'react-useanimations/lib/power';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/power.json`
- Lottie JSON: https://useanimations.com/icons/power.json
- Page: https://useanimations.com/icons/power (Markdown: https://useanimations.com/icons/power.md)

### Refresh (`refresh`)
- Category: Action; interaction: `click-replay`; states: refresh
- Also known as: reload, sync
- React: `import refresh from 'react-useanimations/lib/refresh';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/refresh.json`
- Lottie JSON: https://useanimations.com/icons/refresh.json
- Page: https://useanimations.com/icons/refresh (Markdown: https://useanimations.com/icons/refresh.md)

### Refresh Ccw (`refresh-ccw`)
- Category: Action; interaction: `click-replay`; states: refresh-ccw
- React: `import refreshCcw from 'react-useanimations/lib/refreshCcw';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/refresh-ccw.json`
- Lottie JSON: https://useanimations.com/icons/refresh-ccw.json
- Page: https://useanimations.com/icons/refresh-ccw (Markdown: https://useanimations.com/icons/refresh-ccw.md)

### Refresh V2 (`refresh-v2`)
- Category: Action; interaction: `click-replay`; states: refresh-v2
- Also known as: reload, sync
- React: `import refresh2 from 'react-useanimations/lib/refresh2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/refresh-v2.json`
- Lottie JSON: https://useanimations.com/icons/refresh-v2.json
- Page: https://useanimations.com/icons/refresh-v2 (Markdown: https://useanimations.com/icons/refresh-v2.md)

### Rotate Ccw (`rotate-ccw`)
- Category: Action; interaction: `click-replay`; states: rotate-ccw
- React: `import rotateCcw from 'react-useanimations/lib/rotateCcw';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/rotate-ccw.json`
- Lottie JSON: https://useanimations.com/icons/rotate-ccw.json
- Page: https://useanimations.com/icons/rotate-ccw (Markdown: https://useanimations.com/icons/rotate-ccw.md)

### Rotate Cw (`rotate-cw`)
- Category: Action; interaction: `click-replay`; states: rotate-cw
- React: `import rotateCw from 'react-useanimations/lib/rotateCw';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/rotate-cw.json`
- Lottie JSON: https://useanimations.com/icons/rotate-cw.json
- Page: https://useanimations.com/icons/rotate-cw (Markdown: https://useanimations.com/icons/rotate-cw.md)

### Save (`save`)
- Category: Action; interaction: `click-replay`; states: save
- Also known as: floppy disk
- React: `import save from 'react-useanimations/lib/save';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/save.json`
- Lottie JSON: https://useanimations.com/icons/save.json
- Page: https://useanimations.com/icons/save (Markdown: https://useanimations.com/icons/save.md)

### Search/X (`search-to-x`)
- Category: Action; interaction: `click-toggle`; states: search, x
- React: `import searchToX from 'react-useanimations/lib/searchToX';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/search-to-x.json`
- Lottie JSON: https://useanimations.com/icons/search-to-x.json
- Page: https://useanimations.com/icons/search-to-x (Markdown: https://useanimations.com/icons/search-to-x.md)

### Settings (`settings`)
- Category: Action; interaction: `hover`; states: settings
- Also known as: cog, gear, preferences
- React: `import settings from 'react-useanimations/lib/settings';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/settings.json`
- Lottie JSON: https://useanimations.com/icons/settings.json
- Page: https://useanimations.com/icons/settings (Markdown: https://useanimations.com/icons/settings.md)

### Settings V2 (`settings-v2`)
- Category: Action; interaction: `click-toggle`; states: sliders
- Also known as: cog, gear, preferences
- React: `import settings2 from 'react-useanimations/lib/settings2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/settings-v2.json`
- Lottie JSON: https://useanimations.com/icons/settings-v2.json
- Page: https://useanimations.com/icons/settings-v2 (Markdown: https://useanimations.com/icons/settings-v2.md)

### Shield (`shield`)
- Category: Action; interaction: `hover-replay`; states: shield
- React: `import shield from 'react-useanimations/lib/shield';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/shield.json`
- Lottie JSON: https://useanimations.com/icons/shield.json
- Page: https://useanimations.com/icons/shield (Markdown: https://useanimations.com/icons/shield.md)

### Shield Off (`shield-off`)
- Category: Action; interaction: `click-toggle`; states: shield-off-off, shield-off
- React: `import shieldOff from 'react-useanimations/lib/shieldOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/shield-off.json`
- Lottie JSON: https://useanimations.com/icons/shield-off.json
- Page: https://useanimations.com/icons/shield-off (Markdown: https://useanimations.com/icons/shield-off.md)

### Slash (`slash`)
- Category: Action; interaction: `hover-replay`; states: slash
- React: `import slash from 'react-useanimations/lib/slash';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/slash.json`
- Lottie JSON: https://useanimations.com/icons/slash.json
- Page: https://useanimations.com/icons/slash (Markdown: https://useanimations.com/icons/slash.md)

### Star (`star`)
- Category: Action; interaction: `click-toggle`; states: star
- Also known as: rating, favorite
- React: `import star from 'react-useanimations/lib/star';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/star.json`
- Lottie JSON: https://useanimations.com/icons/star.json
- Page: https://useanimations.com/icons/star (Markdown: https://useanimations.com/icons/star.md)

### Thumb up (`thumb-up`)
- Category: Action; interaction: `click-toggle`; states: thumb-up
- Also known as: like, upvote, approve
- React: `import thumbUp from 'react-useanimations/lib/thumbUp';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/thumb-up.json`
- Lottie JSON: https://useanimations.com/icons/thumb-up.json
- Page: https://useanimations.com/icons/thumb-up (Markdown: https://useanimations.com/icons/thumb-up.md)

### Thumbs Down (`thumbs-down`)
- Category: Action; interaction: `click-replay`; states: thumbs-down
- Also known as: dislike, downvote
- React: `import thumbsDown from 'react-useanimations/lib/thumbsDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/thumbs-down.json`
- Lottie JSON: https://useanimations.com/icons/thumbs-down.json
- Page: https://useanimations.com/icons/thumbs-down (Markdown: https://useanimations.com/icons/thumbs-down.md)

### Trash (`trash`)
- Category: Action; interaction: `hover`; states: trash
- Also known as: bin, delete, garbage, recycle bin
- React: `import trash from 'react-useanimations/lib/trash';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/trash.json`
- Lottie JSON: https://useanimations.com/icons/trash.json
- Page: https://useanimations.com/icons/trash (Markdown: https://useanimations.com/icons/trash.md)

### Trash V2 (`trash-v2`)
- Category: Action; interaction: `hover`; states: trash-2
- Also known as: bin, delete, garbage, recycle bin
- React: `import trash2 from 'react-useanimations/lib/trash2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/trash-v2.json`
- Lottie JSON: https://useanimations.com/icons/trash-v2.json
- Page: https://useanimations.com/icons/trash-v2 (Markdown: https://useanimations.com/icons/trash-v2.md)

### Upload (`upload`)
- Category: Action; interaction: `click-replay`; states: upload
- Also known as: import, attach file
- React: `import upload from 'react-useanimations/lib/upload';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/upload.json`
- Lottie JSON: https://useanimations.com/icons/upload.json
- Page: https://useanimations.com/icons/upload (Markdown: https://useanimations.com/icons/upload.md)

### Upload Cloud (`upload-cloud`)
- Category: Action; interaction: `click-replay`; states: upload-cloud
- React: `import uploadCloud from 'react-useanimations/lib/uploadCloud';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/upload-cloud.json`
- Lottie JSON: https://useanimations.com/icons/upload-cloud.json
- Page: https://useanimations.com/icons/upload-cloud (Markdown: https://useanimations.com/icons/upload-cloud.md)

### Visibility (`visibility`)
- Category: Action; interaction: `click-toggle`; states: eye-off, eye
- Also known as: eye, show password, hide password, password toggle
- React: `import visibility from 'react-useanimations/lib/visibility';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/visibility.json`
- Lottie JSON: https://useanimations.com/icons/visibility.json
- Page: https://useanimations.com/icons/visibility (Markdown: https://useanimations.com/icons/visibility.md)

### Visibility V2 (`visibility-v2`)
- Category: Action; interaction: `click-toggle`; states: eye-off, eye
- Also known as: eye, show password, hide password, password toggle
- React: `import visibility2 from 'react-useanimations/lib/visibility2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/visibility-v2.json`
- Lottie JSON: https://useanimations.com/icons/visibility-v2.json
- Page: https://useanimations.com/icons/visibility-v2 (Markdown: https://useanimations.com/icons/visibility-v2.md)

### Visibility V3 (`visibility-v3`)
- Category: Action; interaction: `click-toggle`; states: eye-off, eye
- Also known as: eye, show password, hide password, password toggle
- React: `import visibility3 from 'react-useanimations/lib/visibility3';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/visibility-v3.json`
- Lottie JSON: https://useanimations.com/icons/visibility-v3.json
- Page: https://useanimations.com/icons/visibility-v3 (Markdown: https://useanimations.com/icons/visibility-v3.md)

### X Square (`x-square`)
- Category: Action; interaction: `click-replay`; states: x-square
- React: `import xSquare from 'react-useanimations/lib/xSquare';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/x-square.json`
- Lottie JSON: https://useanimations.com/icons/x-square.json
- Page: https://useanimations.com/icons/x-square (Markdown: https://useanimations.com/icons/x-square.md)

### Zoom In (`zoom-in`)
- Category: Action; interaction: `hover`
- React: `import zoomIn from 'react-useanimations/lib/zoomIn';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/zoom-in.json`
- Lottie JSON: https://useanimations.com/icons/zoom-in.json
- Page: https://useanimations.com/icons/zoom-in (Markdown: https://useanimations.com/icons/zoom-in.md)

### Zoom Out (`zoom-out`)
- Category: Action; interaction: `hover`
- React: `import zoomOut from 'react-useanimations/lib/zoomOut';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/zoom-out.json`
- Lottie JSON: https://useanimations.com/icons/zoom-out.json
- Page: https://useanimations.com/icons/zoom-out (Markdown: https://useanimations.com/icons/zoom-out.md)

## Content

### Archive (`archive`)
- Category: Content; interaction: `hover`; states: archive
- React: `import archive from 'react-useanimations/lib/archive';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/archive.json`
- Lottie JSON: https://useanimations.com/icons/archive.json
- Page: https://useanimations.com/icons/archive (Markdown: https://useanimations.com/icons/archive.md)

### Book (`book`)
- Category: Content; interaction: `hover-replay`; states: book
- React: `import book from 'react-useanimations/lib/book';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/book.json`
- Lottie JSON: https://useanimations.com/icons/book.json
- Page: https://useanimations.com/icons/book (Markdown: https://useanimations.com/icons/book.md)

### Book Open (`book-open`)
- Category: Content; interaction: `hover-replay`; states: book-open
- React: `import bookOpen from 'react-useanimations/lib/bookOpen';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/book-open.json`
- Lottie JSON: https://useanimations.com/icons/book-open.json
- Page: https://useanimations.com/icons/book-open (Markdown: https://useanimations.com/icons/book-open.md)

### Clipboard (`clipboard`)
- Category: Content; interaction: `hover-replay`; states: clipboard
- Also known as: copy, duplicate
- React: `import clipboard from 'react-useanimations/lib/clipboard';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/clipboard.json`
- Lottie JSON: https://useanimations.com/icons/clipboard.json
- Page: https://useanimations.com/icons/clipboard (Markdown: https://useanimations.com/icons/clipboard.md)

### Copy (`copy`)
- Category: Content; interaction: `hover`; states: copy
- Also known as: duplicate, clipboard
- React: `import copy from 'react-useanimations/lib/copy';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/copy.json`
- Lottie JSON: https://useanimations.com/icons/copy.json
- Page: https://useanimations.com/icons/copy (Markdown: https://useanimations.com/icons/copy.md)

### File (`file`)
- Category: Content; interaction: `hover-replay`; states: file
- React: `import file from 'react-useanimations/lib/file';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/file.json`
- Lottie JSON: https://useanimations.com/icons/file.json
- Page: https://useanimations.com/icons/file (Markdown: https://useanimations.com/icons/file.md)

### File Minus (`file-minus`)
- Category: Content; interaction: `click-replay`; states: file-minus
- React: `import fileMinus from 'react-useanimations/lib/fileMinus';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/file-minus.json`
- Lottie JSON: https://useanimations.com/icons/file-minus.json
- Page: https://useanimations.com/icons/file-minus (Markdown: https://useanimations.com/icons/file-minus.md)

### File Plus (`file-plus`)
- Category: Content; interaction: `click-replay`; states: file-plus
- React: `import filePlus from 'react-useanimations/lib/filePlus';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/file-plus.json`
- Lottie JSON: https://useanimations.com/icons/file-plus.json
- Page: https://useanimations.com/icons/file-plus (Markdown: https://useanimations.com/icons/file-plus.md)

### File Text (`file-text`)
- Category: Content; interaction: `hover-replay`; states: file-text
- React: `import fileText from 'react-useanimations/lib/fileText';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/file-text.json`
- Lottie JSON: https://useanimations.com/icons/file-text.json
- Page: https://useanimations.com/icons/file-text (Markdown: https://useanimations.com/icons/file-text.md)

### Folder Minus (`folder-minus`)
- Category: Content; interaction: `click-replay`; states: folder-minus
- React: `import folderMinus from 'react-useanimations/lib/folderMinus';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/folder-minus.json`
- Lottie JSON: https://useanimations.com/icons/folder-minus.json
- Page: https://useanimations.com/icons/folder-minus (Markdown: https://useanimations.com/icons/folder-minus.md)

### Folder Plus (`folder-plus`)
- Category: Content; interaction: `click-replay`; states: folder-plus
- React: `import folderPlus from 'react-useanimations/lib/folderPlus';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/folder-plus.json`
- Lottie JSON: https://useanimations.com/icons/folder-plus.json
- Page: https://useanimations.com/icons/folder-plus (Markdown: https://useanimations.com/icons/folder-plus.md)

### Image (`image`)
- Category: Content; interaction: `hover-replay`; states: image
- React: `import image from 'react-useanimations/lib/image';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/image.json`
- Lottie JSON: https://useanimations.com/icons/image.json
- Page: https://useanimations.com/icons/image (Markdown: https://useanimations.com/icons/image.md)

### Inbox (`inbox`)
- Category: Content; interaction: `hover-replay`; states: inbox
- Also known as: mail, email, envelope
- React: `import inbox from 'react-useanimations/lib/inbox';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/inbox.json`
- Lottie JSON: https://useanimations.com/icons/inbox.json
- Page: https://useanimations.com/icons/inbox (Markdown: https://useanimations.com/icons/inbox.md)

### Mail (`mail`)
- Category: Content; interaction: `hover`; states: mail
- Also known as: email, envelope, inbox
- React: `import mail from 'react-useanimations/lib/mail';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/mail.json`
- Lottie JSON: https://useanimations.com/icons/mail.json
- Page: https://useanimations.com/icons/mail (Markdown: https://useanimations.com/icons/mail.md)

### Paperclip (`paperclip`)
- Category: Content; interaction: `hover-replay`; states: paperclip
- React: `import paperclip from 'react-useanimations/lib/paperclip';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/paperclip.json`
- Lottie JSON: https://useanimations.com/icons/paperclip.json
- Page: https://useanimations.com/icons/paperclip (Markdown: https://useanimations.com/icons/paperclip.md)

### Share (`share`)
- Category: Content; interaction: `hover`; states: share
- Also known as: send to
- React: `import share from 'react-useanimations/lib/share';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/share.json`
- Lottie JSON: https://useanimations.com/icons/share.json
- Page: https://useanimations.com/icons/share (Markdown: https://useanimations.com/icons/share.md)

### User (`user`)
- Category: Content; interaction: `hover-replay`; states: user
- Also known as: profile, avatar, account
- React: `import user from 'react-useanimations/lib/user';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/user.json`
- Lottie JSON: https://useanimations.com/icons/user.json
- Page: https://useanimations.com/icons/user (Markdown: https://useanimations.com/icons/user.md)

### User Check (`user-check`)
- Category: Content; interaction: `click-replay`; states: user-check
- React: `import userCheck from 'react-useanimations/lib/userCheck';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/user-check.json`
- Lottie JSON: https://useanimations.com/icons/user-check.json
- Page: https://useanimations.com/icons/user-check (Markdown: https://useanimations.com/icons/user-check.md)

### User minus (`user-minus`)
- Category: Content; interaction: `hover`; states: user-minus
- React: `import userMinus from 'react-useanimations/lib/userMinus';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/user-minus.json`
- Lottie JSON: https://useanimations.com/icons/user-minus.json
- Page: https://useanimations.com/icons/user-minus (Markdown: https://useanimations.com/icons/user-minus.md)

### User plus (`user-plus`)
- Category: Content; interaction: `hover`; states: user-plus
- React: `import userPlus from 'react-useanimations/lib/userPlus';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/user-plus.json`
- Lottie JSON: https://useanimations.com/icons/user-plus.json
- Page: https://useanimations.com/icons/user-plus (Markdown: https://useanimations.com/icons/user-plus.md)

### User X (`user-x`)
- Category: Content; interaction: `hover`; states: user-x
- React: `import userX from 'react-useanimations/lib/userX';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/user-x.json`
- Lottie JSON: https://useanimations.com/icons/user-x.json
- Page: https://useanimations.com/icons/user-x (Markdown: https://useanimations.com/icons/user-x.md)

### Users (`users`)
- Category: Content; interaction: `hover-replay`; states: users
- Also known as: team, group, people
- React: `import users from 'react-useanimations/lib/users';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/users.json`
- Lottie JSON: https://useanimations.com/icons/users.json
- Page: https://useanimations.com/icons/users (Markdown: https://useanimations.com/icons/users.md)

## Form

### Checkbox (`check-box`)
- Category: Form; interaction: `click-toggle`; states: check-square
- Also known as: tick box
- React: `import checkBox from 'react-useanimations/lib/checkBox';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/check-box.json`
- Lottie JSON: https://useanimations.com/icons/check-box.json
- Page: https://useanimations.com/icons/check-box (Markdown: https://useanimations.com/icons/check-box.md)

### Radio button (`radio-button`)
- Category: Form; interaction: `click-toggle`; states: check-circle
- Also known as: option button
- React: `import radioButton from 'react-useanimations/lib/radioButton';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/radio-button.json`
- Lottie JSON: https://useanimations.com/icons/radio-button.json
- Page: https://useanimations.com/icons/radio-button (Markdown: https://useanimations.com/icons/radio-button.md)

### Toggle (`toggle`)
- Category: Form; interaction: `click-toggle`; states: toggle-left, toggle-right
- Also known as: switch, toggle switch
- React: `import toggle from 'react-useanimations/lib/toggle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/toggle.json`
- Lottie JSON: https://useanimations.com/icons/toggle.json
- Page: https://useanimations.com/icons/toggle (Markdown: https://useanimations.com/icons/toggle.md)

## Media

### Airplay (`airplay`)
- Category: Media; interaction: `loop`; states: airplay
- React: `import airplay from 'react-useanimations/lib/airplay';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/airplay.json`
- Lottie JSON: https://useanimations.com/icons/airplay.json
- Page: https://useanimations.com/icons/airplay (Markdown: https://useanimations.com/icons/airplay.md)

### Aperture (`aperture`)
- Category: Media; interaction: `hover-replay`; states: aperture
- React: `import aperture from 'react-useanimations/lib/aperture';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/aperture.json`
- Lottie JSON: https://useanimations.com/icons/aperture.json
- Page: https://useanimations.com/icons/aperture (Markdown: https://useanimations.com/icons/aperture.md)

### Camera (`camera`)
- Category: Media; interaction: `click-replay`; states: camera
- Also known as: photo, snapshot
- React: `import camera from 'react-useanimations/lib/camera';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/camera.json`
- Lottie JSON: https://useanimations.com/icons/camera.json
- Page: https://useanimations.com/icons/camera (Markdown: https://useanimations.com/icons/camera.md)

### Camera Off (`camera-off`)
- Category: Media; interaction: `click-toggle`; states: camera-off-off, camera-off
- React: `import cameraOff from 'react-useanimations/lib/cameraOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/camera-off.json`
- Lottie JSON: https://useanimations.com/icons/camera-off.json
- Page: https://useanimations.com/icons/camera-off (Markdown: https://useanimations.com/icons/camera-off.md)

### Cast (`cast`)
- Category: Media; interaction: `hover-replay`; states: cast
- React: `import cast from 'react-useanimations/lib/cast';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cast.json`
- Lottie JSON: https://useanimations.com/icons/cast.json
- Page: https://useanimations.com/icons/cast (Markdown: https://useanimations.com/icons/cast.md)

### Disc (`disc`)
- Category: Media; interaction: `hover-replay`; states: disc
- React: `import disc from 'react-useanimations/lib/disc';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/disc.json`
- Lottie JSON: https://useanimations.com/icons/disc.json
- Page: https://useanimations.com/icons/disc (Markdown: https://useanimations.com/icons/disc.md)

### Fast Forward (`fast-forward`)
- Category: Media; interaction: `hover-replay`; states: fast-forward
- React: `import fastForward from 'react-useanimations/lib/fastForward';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/fast-forward.json`
- Lottie JSON: https://useanimations.com/icons/fast-forward.json
- Page: https://useanimations.com/icons/fast-forward (Markdown: https://useanimations.com/icons/fast-forward.md)

### Film (`film`)
- Category: Media; interaction: `hover-replay`; states: film
- React: `import film from 'react-useanimations/lib/film';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/film.json`
- Lottie JSON: https://useanimations.com/icons/film.json
- Page: https://useanimations.com/icons/film (Markdown: https://useanimations.com/icons/film.md)

### Headphones (`headphones`)
- Category: Media; interaction: `hover-replay`; states: headphones
- React: `import headphones from 'react-useanimations/lib/headphones';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/headphones.json`
- Lottie JSON: https://useanimations.com/icons/headphones.json
- Page: https://useanimations.com/icons/headphones (Markdown: https://useanimations.com/icons/headphones.md)

### Mic Off (`mic-off`)
- Category: Media; interaction: `click-toggle`; states: mic-off-off, mic-off
- React: `import micOff from 'react-useanimations/lib/micOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/mic-off.json`
- Lottie JSON: https://useanimations.com/icons/mic-off.json
- Page: https://useanimations.com/icons/mic-off (Markdown: https://useanimations.com/icons/mic-off.md)

### Microphone (`microphone`)
- Category: Media; interaction: `click-toggle`; states: mic-off, mic
- Also known as: mic, voice input
- React: `import microphone from 'react-useanimations/lib/microphone';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/microphone.json`
- Lottie JSON: https://useanimations.com/icons/microphone.json
- Page: https://useanimations.com/icons/microphone (Markdown: https://useanimations.com/icons/microphone.md)

### Microphone V2 (`microphone-v2`)
- Category: Media; interaction: `click-toggle`; states: mic-off, mic
- Also known as: mic, voice input
- React: `import microphone2 from 'react-useanimations/lib/microphone2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/microphone-v2.json`
- Lottie JSON: https://useanimations.com/icons/microphone-v2.json
- Page: https://useanimations.com/icons/microphone-v2 (Markdown: https://useanimations.com/icons/microphone-v2.md)

### Music (`music`)
- Category: Media; interaction: `hover-replay`; states: music
- React: `import music from 'react-useanimations/lib/music';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/music.json`
- Lottie JSON: https://useanimations.com/icons/music.json
- Page: https://useanimations.com/icons/music (Markdown: https://useanimations.com/icons/music.md)

### Play/Pause (`play-pause`)
- Category: Media; interaction: `click-toggle`; states: pause, play
- Also known as: media control
- React: `import playPause from 'react-useanimations/lib/playPause';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/play-pause.json`
- Lottie JSON: https://useanimations.com/icons/play-pause.json
- Page: https://useanimations.com/icons/play-pause (Markdown: https://useanimations.com/icons/play-pause.md)

### Play/Pause circle (`play-pause-circle`)
- Category: Media; interaction: `click-toggle`; states: pause-circle, play-circle
- React: `import playPauseCircle from 'react-useanimations/lib/playPauseCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/play-pause-circle.json`
- Lottie JSON: https://useanimations.com/icons/play-pause-circle.json
- Page: https://useanimations.com/icons/play-pause-circle (Markdown: https://useanimations.com/icons/play-pause-circle.md)

### Radio (`radio`)
- Category: Media; interaction: `hover-replay`; states: radio
- Also known as: radio-button, option button
- React: `import radio from 'react-useanimations/lib/radio';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/radio.json`
- Lottie JSON: https://useanimations.com/icons/radio.json
- Page: https://useanimations.com/icons/radio (Markdown: https://useanimations.com/icons/radio.md)

### Repeat (`repeat`)
- Category: Media; interaction: `click-replay`; states: repeat
- React: `import repeat from 'react-useanimations/lib/repeat';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/repeat.json`
- Lottie JSON: https://useanimations.com/icons/repeat.json
- Page: https://useanimations.com/icons/repeat (Markdown: https://useanimations.com/icons/repeat.md)

### Rewind (`rewind`)
- Category: Media; interaction: `hover-replay`; states: rewind
- React: `import rewind from 'react-useanimations/lib/rewind';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/rewind.json`
- Lottie JSON: https://useanimations.com/icons/rewind.json
- Page: https://useanimations.com/icons/rewind (Markdown: https://useanimations.com/icons/rewind.md)

### Shuffle (`shuffle`)
- Category: Media; interaction: `click-replay`; states: shuffle
- React: `import shuffle from 'react-useanimations/lib/shuffle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/shuffle.json`
- Lottie JSON: https://useanimations.com/icons/shuffle.json
- Page: https://useanimations.com/icons/shuffle (Markdown: https://useanimations.com/icons/shuffle.md)

### Skip back (`skip-back`)
- Category: Media; interaction: `click-replay`; states: skip-back
- React: `import skipBack from 'react-useanimations/lib/skipBack';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/skip-back.json`
- Lottie JSON: https://useanimations.com/icons/skip-back.json
- Page: https://useanimations.com/icons/skip-back (Markdown: https://useanimations.com/icons/skip-back.md)

### Skip forward (`skip-forward`)
- Category: Media; interaction: `click-replay`; states: skip-forward
- React: `import skipForward from 'react-useanimations/lib/skipForward';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/skip-forward.json`
- Lottie JSON: https://useanimations.com/icons/skip-forward.json
- Page: https://useanimations.com/icons/skip-forward (Markdown: https://useanimations.com/icons/skip-forward.md)

### Speaker (`speaker`)
- Category: Media; interaction: `hover-replay`; states: speaker
- Also known as: volume, sound, audio
- React: `import speaker from 'react-useanimations/lib/speaker';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/speaker.json`
- Lottie JSON: https://useanimations.com/icons/speaker.json
- Page: https://useanimations.com/icons/speaker (Markdown: https://useanimations.com/icons/speaker.md)

### Stop Circle (`stop-circle`)
- Category: Media; interaction: `click-replay`; states: stop-circle
- React: `import stopCircle from 'react-useanimations/lib/stopCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/stop-circle.json`
- Lottie JSON: https://useanimations.com/icons/stop-circle.json
- Page: https://useanimations.com/icons/stop-circle (Markdown: https://useanimations.com/icons/stop-circle.md)

### TV (`tv`)
- Category: Media; interaction: `hover-replay`; states: tv
- React: `import tv from 'react-useanimations/lib/tv';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/tv.json`
- Lottie JSON: https://useanimations.com/icons/tv.json
- Page: https://useanimations.com/icons/tv (Markdown: https://useanimations.com/icons/tv.md)

### Video (`video`)
- Category: Media; interaction: `click-toggle`; states: video-off, video
- Also known as: video call, webcam
- React: `import video from 'react-useanimations/lib/video';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/video.json`
- Lottie JSON: https://useanimations.com/icons/video.json
- Page: https://useanimations.com/icons/video (Markdown: https://useanimations.com/icons/video.md)

### Video Off (`video-off`)
- Category: Media; interaction: `click-toggle`; states: video-off-off, video-off
- React: `import videoOff from 'react-useanimations/lib/videoOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/video-off.json`
- Lottie JSON: https://useanimations.com/icons/video-off.json
- Page: https://useanimations.com/icons/video-off (Markdown: https://useanimations.com/icons/video-off.md)

### Video V2 (`video-v2`)
- Category: Media; interaction: `click-toggle`; states: video-off, video
- Also known as: video call, webcam
- React: `import video2 from 'react-useanimations/lib/video2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/video-v2.json`
- Lottie JSON: https://useanimations.com/icons/video-v2.json
- Page: https://useanimations.com/icons/video-v2 (Markdown: https://useanimations.com/icons/video-v2.md)

### Volume (`volume`)
- Category: Media; interaction: `click-toggle`; states: volume-1, volume-2, volume-x, volume
- Also known as: speaker, sound, audio
- React: `import volume from 'react-useanimations/lib/volume';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/volume.json`
- Lottie JSON: https://useanimations.com/icons/volume.json
- Page: https://useanimations.com/icons/volume (Markdown: https://useanimations.com/icons/volume.md)

## Text editing

### Align Center (`align-center`)
- Category: Text editing; interaction: `click-replay`; states: align-center
- React: `import alignCenter from 'react-useanimations/lib/alignCenter';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/align-center.json`
- Lottie JSON: https://useanimations.com/icons/align-center.json
- Page: https://useanimations.com/icons/align-center (Markdown: https://useanimations.com/icons/align-center.md)

### Align Justify (`align-justify`)
- Category: Text editing; interaction: `click-replay`; states: align-justify
- React: `import alignJustify from 'react-useanimations/lib/alignJustify';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/align-justify.json`
- Lottie JSON: https://useanimations.com/icons/align-justify.json
- Page: https://useanimations.com/icons/align-justify (Markdown: https://useanimations.com/icons/align-justify.md)

### Align Left (`align-left`)
- Category: Text editing; interaction: `click-replay`; states: align-left
- React: `import alignLeft from 'react-useanimations/lib/alignLeft';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/align-left.json`
- Lottie JSON: https://useanimations.com/icons/align-left.json
- Page: https://useanimations.com/icons/align-left (Markdown: https://useanimations.com/icons/align-left.md)

### Align Right (`align-right`)
- Category: Text editing; interaction: `click-replay`; states: align-right
- React: `import alignRight from 'react-useanimations/lib/alignRight';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/align-right.json`
- Lottie JSON: https://useanimations.com/icons/align-right.json
- Page: https://useanimations.com/icons/align-right (Markdown: https://useanimations.com/icons/align-right.md)

### Bold (`bold`)
- Category: Text editing; interaction: `click-replay`; states: bold
- React: `import bold from 'react-useanimations/lib/bold';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/bold.json`
- Lottie JSON: https://useanimations.com/icons/bold.json
- Page: https://useanimations.com/icons/bold (Markdown: https://useanimations.com/icons/bold.md)

### Hash (`hash`)
- Category: Text editing; interaction: `hover-replay`; states: hash
- React: `import hash from 'react-useanimations/lib/hash';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/hash.json`
- Lottie JSON: https://useanimations.com/icons/hash.json
- Page: https://useanimations.com/icons/hash (Markdown: https://useanimations.com/icons/hash.md)

### Italic (`italic`)
- Category: Text editing; interaction: `click-replay`; states: italic
- React: `import italic from 'react-useanimations/lib/italic';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/italic.json`
- Lottie JSON: https://useanimations.com/icons/italic.json
- Page: https://useanimations.com/icons/italic (Markdown: https://useanimations.com/icons/italic.md)

### List (`list`)
- Category: Text editing; interaction: `hover-replay`; states: list
- React: `import list from 'react-useanimations/lib/list';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/list.json`
- Lottie JSON: https://useanimations.com/icons/list.json
- Page: https://useanimations.com/icons/list (Markdown: https://useanimations.com/icons/list.md)

### Type (`type`)
- Category: Text editing; interaction: `click-replay`; states: type
- React: `import type from 'react-useanimations/lib/type';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/type.json`
- Lottie JSON: https://useanimations.com/icons/type.json
- Page: https://useanimations.com/icons/type (Markdown: https://useanimations.com/icons/type.md)

### Underline (`underline`)
- Category: Text editing; interaction: `click-replay`; states: underline
- React: `import underline from 'react-useanimations/lib/underline';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/underline.json`
- Lottie JSON: https://useanimations.com/icons/underline.json
- Page: https://useanimations.com/icons/underline (Markdown: https://useanimations.com/icons/underline.md)

## Communication

### At Sign (`at-sign`)
- Category: Communication; interaction: `hover-replay`; states: at-sign
- React: `import atSign from 'react-useanimations/lib/atSign';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/at-sign.json`
- Lottie JSON: https://useanimations.com/icons/at-sign.json
- Page: https://useanimations.com/icons/at-sign (Markdown: https://useanimations.com/icons/at-sign.md)

### Message Circle (`message-circle`)
- Category: Communication; interaction: `hover-replay`; states: message-circle
- React: `import messageCircle from 'react-useanimations/lib/messageCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/message-circle.json`
- Lottie JSON: https://useanimations.com/icons/message-circle.json
- Page: https://useanimations.com/icons/message-circle (Markdown: https://useanimations.com/icons/message-circle.md)

### Message Square (`message-square`)
- Category: Communication; interaction: `hover-replay`; states: message-square
- React: `import messageSquare from 'react-useanimations/lib/messageSquare';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/message-square.json`
- Lottie JSON: https://useanimations.com/icons/message-square.json
- Page: https://useanimations.com/icons/message-square (Markdown: https://useanimations.com/icons/message-square.md)

### Phone (`phone`)
- Category: Communication; interaction: `click-replay`; states: phone
- React: `import phone from 'react-useanimations/lib/phone';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/phone.json`
- Lottie JSON: https://useanimations.com/icons/phone.json
- Page: https://useanimations.com/icons/phone (Markdown: https://useanimations.com/icons/phone.md)

### Phone Call (`phone-call`)
- Category: Communication; interaction: `click-replay`; states: phone-call
- React: `import phoneCall from 'react-useanimations/lib/phoneCall';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/phone-call.json`
- Lottie JSON: https://useanimations.com/icons/phone-call.json
- Page: https://useanimations.com/icons/phone-call (Markdown: https://useanimations.com/icons/phone-call.md)

### Phone Forwarded (`phone-forwarded`)
- Category: Communication; interaction: `hover-replay`; states: phone-forwarded
- React: `import phoneForwarded from 'react-useanimations/lib/phoneForwarded';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/phone-forwarded.json`
- Lottie JSON: https://useanimations.com/icons/phone-forwarded.json
- Page: https://useanimations.com/icons/phone-forwarded (Markdown: https://useanimations.com/icons/phone-forwarded.md)

### Phone Incoming (`phone-incoming`)
- Category: Communication; interaction: `hover-replay`; states: phone-incoming
- React: `import phoneIncoming from 'react-useanimations/lib/phoneIncoming';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/phone-incoming.json`
- Lottie JSON: https://useanimations.com/icons/phone-incoming.json
- Page: https://useanimations.com/icons/phone-incoming (Markdown: https://useanimations.com/icons/phone-incoming.md)

### Phone Missed (`phone-missed`)
- Category: Communication; interaction: `hover-replay`; states: phone-missed
- React: `import phoneMissed from 'react-useanimations/lib/phoneMissed';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/phone-missed.json`
- Lottie JSON: https://useanimations.com/icons/phone-missed.json
- Page: https://useanimations.com/icons/phone-missed (Markdown: https://useanimations.com/icons/phone-missed.md)

### Phone Off (`phone-off`)
- Category: Communication; interaction: `click-toggle`; states: phone-off-off, phone-off
- React: `import phoneOff from 'react-useanimations/lib/phoneOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/phone-off.json`
- Lottie JSON: https://useanimations.com/icons/phone-off.json
- Page: https://useanimations.com/icons/phone-off (Markdown: https://useanimations.com/icons/phone-off.md)

### Phone Outgoing (`phone-outgoing`)
- Category: Communication; interaction: `hover-replay`; states: phone-outgoing
- React: `import phoneOutgoing from 'react-useanimations/lib/phoneOutgoing';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/phone-outgoing.json`
- Lottie JSON: https://useanimations.com/icons/phone-outgoing.json
- Page: https://useanimations.com/icons/phone-outgoing (Markdown: https://useanimations.com/icons/phone-outgoing.md)

### RSS (`rss`)
- Category: Communication; interaction: `hover-replay`; states: rss
- React: `import rss from 'react-useanimations/lib/rss';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/rss.json`
- Lottie JSON: https://useanimations.com/icons/rss.json
- Page: https://useanimations.com/icons/rss (Markdown: https://useanimations.com/icons/rss.md)

### Send (`send`)
- Category: Communication; interaction: `click-replay`; states: send
- Also known as: paper plane, submit
- React: `import send from 'react-useanimations/lib/send';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/send.json`
- Lottie JSON: https://useanimations.com/icons/send.json
- Page: https://useanimations.com/icons/send (Markdown: https://useanimations.com/icons/send.md)

### Voicemail (`voicemail`)
- Category: Communication; interaction: `hover-replay`; states: voicemail
- React: `import voicemail from 'react-useanimations/lib/voicemail';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/voicemail.json`
- Lottie JSON: https://useanimations.com/icons/voicemail.json
- Page: https://useanimations.com/icons/voicemail (Markdown: https://useanimations.com/icons/voicemail.md)

## Devices

### Battery (`battery`)
- Category: Devices; interaction: `hover-replay`; states: battery
- React: `import battery from 'react-useanimations/lib/battery';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/battery.json`
- Lottie JSON: https://useanimations.com/icons/battery.json
- Page: https://useanimations.com/icons/battery (Markdown: https://useanimations.com/icons/battery.md)

### Battery Charging (`battery-charging`)
- Category: Devices; interaction: `hover-replay`; states: battery-charging
- React: `import batteryCharging from 'react-useanimations/lib/batteryCharging';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/battery-charging.json`
- Lottie JSON: https://useanimations.com/icons/battery-charging.json
- Page: https://useanimations.com/icons/battery-charging (Markdown: https://useanimations.com/icons/battery-charging.md)

### Bluetooth (`bluetooth`)
- Category: Devices; interaction: `hover-replay`; states: bluetooth
- React: `import bluetooth from 'react-useanimations/lib/bluetooth';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/bluetooth.json`
- Lottie JSON: https://useanimations.com/icons/bluetooth.json
- Page: https://useanimations.com/icons/bluetooth (Markdown: https://useanimations.com/icons/bluetooth.md)

### CPU (`cpu`)
- Category: Devices; interaction: `hover-replay`; states: cpu
- React: `import cpu from 'react-useanimations/lib/cpu';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cpu.json`
- Lottie JSON: https://useanimations.com/icons/cpu.json
- Page: https://useanimations.com/icons/cpu (Markdown: https://useanimations.com/icons/cpu.md)

### Hard Drive (`hard-drive`)
- Category: Devices; interaction: `hover-replay`; states: hard-drive
- React: `import hardDrive from 'react-useanimations/lib/hardDrive';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/hard-drive.json`
- Lottie JSON: https://useanimations.com/icons/hard-drive.json
- Page: https://useanimations.com/icons/hard-drive (Markdown: https://useanimations.com/icons/hard-drive.md)

### Monitor (`monitor`)
- Category: Devices; interaction: `hover-replay`; states: monitor
- React: `import monitor from 'react-useanimations/lib/monitor';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/monitor.json`
- Lottie JSON: https://useanimations.com/icons/monitor.json
- Page: https://useanimations.com/icons/monitor (Markdown: https://useanimations.com/icons/monitor.md)

### Printer (`printer`)
- Category: Devices; interaction: `click-replay`; states: printer
- React: `import printer from 'react-useanimations/lib/printer';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/printer.json`
- Lottie JSON: https://useanimations.com/icons/printer.json
- Page: https://useanimations.com/icons/printer (Markdown: https://useanimations.com/icons/printer.md)

### Smartphone (`smartphone`)
- Category: Devices; interaction: `hover-replay`; states: smartphone
- React: `import smartphone from 'react-useanimations/lib/smartphone';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/smartphone.json`
- Lottie JSON: https://useanimations.com/icons/smartphone.json
- Page: https://useanimations.com/icons/smartphone (Markdown: https://useanimations.com/icons/smartphone.md)

### Tablet (`tablet`)
- Category: Devices; interaction: `hover-replay`; states: tablet
- React: `import tablet from 'react-useanimations/lib/tablet';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/tablet.json`
- Lottie JSON: https://useanimations.com/icons/tablet.json
- Page: https://useanimations.com/icons/tablet (Markdown: https://useanimations.com/icons/tablet.md)

### Watch (`watch`)
- Category: Devices; interaction: `hover-replay`; states: watch
- Also known as: clock, time
- React: `import watch from 'react-useanimations/lib/watch';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/watch.json`
- Lottie JSON: https://useanimations.com/icons/watch.json
- Page: https://useanimations.com/icons/watch (Markdown: https://useanimations.com/icons/watch.md)

### WiFi (`wifi`)
- Category: Devices; interaction: `hover-replay`; states: wifi
- Also known as: wireless, internet connection
- React: `import wifi from 'react-useanimations/lib/wifi';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/wifi.json`
- Lottie JSON: https://useanimations.com/icons/wifi.json
- Page: https://useanimations.com/icons/wifi (Markdown: https://useanimations.com/icons/wifi.md)

### Wifi Off (`wifi-off`)
- Category: Devices; interaction: `click-toggle`; states: wifi-off-off, wifi-off
- React: `import wifiOff from 'react-useanimations/lib/wifiOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/wifi-off.json`
- Lottie JSON: https://useanimations.com/icons/wifi-off.json
- Page: https://useanimations.com/icons/wifi-off (Markdown: https://useanimations.com/icons/wifi-off.md)

## Weather

### Cloud (`cloud`)
- Category: Weather; interaction: `hover-loop`; states: cloud
- React: `import cloud from 'react-useanimations/lib/cloud';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cloud.json`
- Lottie JSON: https://useanimations.com/icons/cloud.json
- Page: https://useanimations.com/icons/cloud (Markdown: https://useanimations.com/icons/cloud.md)

### Cloud Drizzle (`cloud-drizzle`)
- Category: Weather; interaction: `hover-replay`; states: cloud-drizzle
- React: `import cloudDrizzle from 'react-useanimations/lib/cloudDrizzle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cloud-drizzle.json`
- Lottie JSON: https://useanimations.com/icons/cloud-drizzle.json
- Page: https://useanimations.com/icons/cloud-drizzle (Markdown: https://useanimations.com/icons/cloud-drizzle.md)

### Cloud Lightning (`cloud-lightning`)
- Category: Weather; interaction: `hover-replay`; states: cloud-lightning
- React: `import cloudLightning from 'react-useanimations/lib/cloudLightning';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cloud-lightning.json`
- Lottie JSON: https://useanimations.com/icons/cloud-lightning.json
- Page: https://useanimations.com/icons/cloud-lightning (Markdown: https://useanimations.com/icons/cloud-lightning.md)

### Cloud Off (`cloud-off`)
- Category: Weather; interaction: `click-toggle`; states: cloud-off-off, cloud-off
- React: `import cloudOff from 'react-useanimations/lib/cloudOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cloud-off.json`
- Lottie JSON: https://useanimations.com/icons/cloud-off.json
- Page: https://useanimations.com/icons/cloud-off (Markdown: https://useanimations.com/icons/cloud-off.md)

### Cloud Rain (`cloud-rain`)
- Category: Weather; interaction: `hover-replay`; states: cloud-rain
- React: `import cloudRain from 'react-useanimations/lib/cloudRain';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cloud-rain.json`
- Lottie JSON: https://useanimations.com/icons/cloud-rain.json
- Page: https://useanimations.com/icons/cloud-rain (Markdown: https://useanimations.com/icons/cloud-rain.md)

### Cloud Snow (`cloud-snow`)
- Category: Weather; interaction: `hover-replay`; states: cloud-snow
- React: `import cloudSnow from 'react-useanimations/lib/cloudSnow';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/cloud-snow.json`
- Lottie JSON: https://useanimations.com/icons/cloud-snow.json
- Page: https://useanimations.com/icons/cloud-snow (Markdown: https://useanimations.com/icons/cloud-snow.md)

### Droplet (`droplet`)
- Category: Weather; interaction: `hover-replay`; states: droplet
- React: `import droplet from 'react-useanimations/lib/droplet';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/droplet.json`
- Lottie JSON: https://useanimations.com/icons/droplet.json
- Page: https://useanimations.com/icons/droplet (Markdown: https://useanimations.com/icons/droplet.md)

### Moon (`moon`)
- Category: Weather; interaction: `hover-replay`; states: moon
- Also known as: dark mode, night
- React: `import moon from 'react-useanimations/lib/moon';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/moon.json`
- Lottie JSON: https://useanimations.com/icons/moon.json
- Page: https://useanimations.com/icons/moon (Markdown: https://useanimations.com/icons/moon.md)

### Sun (`sun`)
- Category: Weather; interaction: `hover-replay`; states: sun
- Also known as: light mode, day
- React: `import sun from 'react-useanimations/lib/sun';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/sun.json`
- Lottie JSON: https://useanimations.com/icons/sun.json
- Page: https://useanimations.com/icons/sun (Markdown: https://useanimations.com/icons/sun.md)

### Sunrise (`sunrise`)
- Category: Weather; interaction: `hover-replay`; states: sunrise
- React: `import sunrise from 'react-useanimations/lib/sunrise';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/sunrise.json`
- Lottie JSON: https://useanimations.com/icons/sunrise.json
- Page: https://useanimations.com/icons/sunrise (Markdown: https://useanimations.com/icons/sunrise.md)

### Sunset (`sunset`)
- Category: Weather; interaction: `hover-replay`; states: sunset
- React: `import sunset from 'react-useanimations/lib/sunset';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/sunset.json`
- Lottie JSON: https://useanimations.com/icons/sunset.json
- Page: https://useanimations.com/icons/sunset (Markdown: https://useanimations.com/icons/sunset.md)

### Thermometer (`thermometer`)
- Category: Weather; interaction: `hover-replay`; states: thermometer
- React: `import thermometer from 'react-useanimations/lib/thermometer';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/thermometer.json`
- Lottie JSON: https://useanimations.com/icons/thermometer.json
- Page: https://useanimations.com/icons/thermometer (Markdown: https://useanimations.com/icons/thermometer.md)

### Umbrella (`umbrella`)
- Category: Weather; interaction: `hover-replay`; states: umbrella
- React: `import umbrella from 'react-useanimations/lib/umbrella';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/umbrella.json`
- Lottie JSON: https://useanimations.com/icons/umbrella.json
- Page: https://useanimations.com/icons/umbrella (Markdown: https://useanimations.com/icons/umbrella.md)

### Wind (`wind`)
- Category: Weather; interaction: `hover-replay`; states: wind
- React: `import wind from 'react-useanimations/lib/wind';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/wind.json`
- Lottie JSON: https://useanimations.com/icons/wind.json
- Page: https://useanimations.com/icons/wind (Markdown: https://useanimations.com/icons/wind.md)

### Zap (`zap`)
- Category: Weather; interaction: `hover-replay`; states: zap
- Also known as: lightning, flash, bolt
- React: `import zap from 'react-useanimations/lib/zap';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/zap.json`
- Lottie JSON: https://useanimations.com/icons/zap.json
- Page: https://useanimations.com/icons/zap (Markdown: https://useanimations.com/icons/zap.md)

### Zap Off (`zap-off`)
- Category: Weather; interaction: `click-toggle`; states: zap-off-off, zap-off
- React: `import zapOff from 'react-useanimations/lib/zapOff';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/zap-off.json`
- Lottie JSON: https://useanimations.com/icons/zap-off.json
- Page: https://useanimations.com/icons/zap-off (Markdown: https://useanimations.com/icons/zap-off.md)

## Maps & location

### Anchor (`anchor`)
- Category: Maps & location; interaction: `hover-replay`; states: anchor
- React: `import anchor from 'react-useanimations/lib/anchor';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/anchor.json`
- Lottie JSON: https://useanimations.com/icons/anchor.json
- Page: https://useanimations.com/icons/anchor (Markdown: https://useanimations.com/icons/anchor.md)

### Crosshair (`crosshair`)
- Category: Maps & location; interaction: `hover-replay`; states: crosshair
- React: `import crosshair from 'react-useanimations/lib/crosshair';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/crosshair.json`
- Lottie JSON: https://useanimations.com/icons/crosshair.json
- Page: https://useanimations.com/icons/crosshair (Markdown: https://useanimations.com/icons/crosshair.md)

### Globe (`globe`)
- Category: Maps & location; interaction: `hover-loop`; states: globe
- Also known as: world, language, earth
- React: `import globe from 'react-useanimations/lib/globe';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/globe.json`
- Lottie JSON: https://useanimations.com/icons/globe.json
- Page: https://useanimations.com/icons/globe (Markdown: https://useanimations.com/icons/globe.md)

### Life Buoy (`life-buoy`)
- Category: Maps & location; interaction: `hover-replay`; states: life-buoy
- React: `import lifeBuoy from 'react-useanimations/lib/lifeBuoy';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/life-buoy.json`
- Lottie JSON: https://useanimations.com/icons/life-buoy.json
- Page: https://useanimations.com/icons/life-buoy (Markdown: https://useanimations.com/icons/life-buoy.md)

### Map (`map`)
- Category: Maps & location; interaction: `hover-replay`; states: map
- React: `import map from 'react-useanimations/lib/map';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/map.json`
- Lottie JSON: https://useanimations.com/icons/map.json
- Page: https://useanimations.com/icons/map (Markdown: https://useanimations.com/icons/map.md)

### Map Pin (`map-pin`)
- Category: Maps & location; interaction: `hover-replay`; states: map-pin
- Also known as: location pin, marker, place
- React: `import mapPin from 'react-useanimations/lib/mapPin';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/map-pin.json`
- Lottie JSON: https://useanimations.com/icons/map-pin.json
- Page: https://useanimations.com/icons/map-pin (Markdown: https://useanimations.com/icons/map-pin.md)

### Navigation (`navigation`)
- Category: Maps & location; interaction: `hover-replay`; states: navigation
- React: `import navigation from 'react-useanimations/lib/navigation';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/navigation.json`
- Lottie JSON: https://useanimations.com/icons/navigation.json
- Page: https://useanimations.com/icons/navigation (Markdown: https://useanimations.com/icons/navigation.md)

### Navigation 2 (`navigation-2`)
- Category: Maps & location; interaction: `hover-replay`; states: navigation-2
- React: `import navigation2 from 'react-useanimations/lib/navigation2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/navigation-2.json`
- Lottie JSON: https://useanimations.com/icons/navigation-2.json
- Page: https://useanimations.com/icons/navigation-2 (Markdown: https://useanimations.com/icons/navigation-2.md)

### Target (`target`)
- Category: Maps & location; interaction: `hover-replay`; states: target
- React: `import target from 'react-useanimations/lib/target';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/target.json`
- Lottie JSON: https://useanimations.com/icons/target.json
- Page: https://useanimations.com/icons/target (Markdown: https://useanimations.com/icons/target.md)

## Commerce

### Box (`box`)
- Category: Commerce; interaction: `hover-replay`; states: box
- React: `import box from 'react-useanimations/lib/box';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/box.json`
- Lottie JSON: https://useanimations.com/icons/box.json
- Page: https://useanimations.com/icons/box (Markdown: https://useanimations.com/icons/box.md)

### Briefcase (`briefcase`)
- Category: Commerce; interaction: `hover-replay`; states: briefcase
- React: `import briefcase from 'react-useanimations/lib/briefcase';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/briefcase.json`
- Lottie JSON: https://useanimations.com/icons/briefcase.json
- Page: https://useanimations.com/icons/briefcase (Markdown: https://useanimations.com/icons/briefcase.md)

### Credit Card (`credit-card`)
- Category: Commerce; interaction: `hover-replay`; states: credit-card
- Also known as: payment
- React: `import creditCard from 'react-useanimations/lib/creditCard';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/credit-card.json`
- Lottie JSON: https://useanimations.com/icons/credit-card.json
- Page: https://useanimations.com/icons/credit-card (Markdown: https://useanimations.com/icons/credit-card.md)

### Dollar Sign (`dollar-sign`)
- Category: Commerce; interaction: `hover-replay`; states: dollar-sign
- Also known as: price, money, currency
- React: `import dollarSign from 'react-useanimations/lib/dollarSign';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/dollar-sign.json`
- Lottie JSON: https://useanimations.com/icons/dollar-sign.json
- Page: https://useanimations.com/icons/dollar-sign (Markdown: https://useanimations.com/icons/dollar-sign.md)

### Gift (`gift`)
- Category: Commerce; interaction: `hover-replay`; states: gift
- React: `import gift from 'react-useanimations/lib/gift';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/gift.json`
- Lottie JSON: https://useanimations.com/icons/gift.json
- Page: https://useanimations.com/icons/gift (Markdown: https://useanimations.com/icons/gift.md)

### Package (`package`)
- Category: Commerce; interaction: `hover-replay`; states: package
- React: `import packageIcon from 'react-useanimations/lib/package';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/package.json`
- Lottie JSON: https://useanimations.com/icons/package.json
- Page: https://useanimations.com/icons/package (Markdown: https://useanimations.com/icons/package.md)

### Percent (`percent`)
- Category: Commerce; interaction: `hover-replay`; states: percent
- React: `import percent from 'react-useanimations/lib/percent';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/percent.json`
- Lottie JSON: https://useanimations.com/icons/percent.json
- Page: https://useanimations.com/icons/percent (Markdown: https://useanimations.com/icons/percent.md)

### Shopping Bag (`shopping-bag`)
- Category: Commerce; interaction: `hover-replay`; states: shopping-bag
- Also known as: purchase
- React: `import shoppingBag from 'react-useanimations/lib/shoppingBag';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/shopping-bag.json`
- Lottie JSON: https://useanimations.com/icons/shopping-bag.json
- Page: https://useanimations.com/icons/shopping-bag (Markdown: https://useanimations.com/icons/shopping-bag.md)

### Shopping Cart (`shopping-cart`)
- Category: Commerce; interaction: `click-replay`; states: shopping-cart
- Also known as: basket, add to cart
- React: `import shoppingCart from 'react-useanimations/lib/shoppingCart';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/shopping-cart.json`
- Lottie JSON: https://useanimations.com/icons/shopping-cart.json
- Page: https://useanimations.com/icons/shopping-cart (Markdown: https://useanimations.com/icons/shopping-cart.md)

### Tag (`tag`)
- Category: Commerce; interaction: `hover-replay`; states: tag
- Also known as: label, price tag
- React: `import tag from 'react-useanimations/lib/tag';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/tag.json`
- Lottie JSON: https://useanimations.com/icons/tag.json
- Page: https://useanimations.com/icons/tag (Markdown: https://useanimations.com/icons/tag.md)

### Truck (`truck`)
- Category: Commerce; interaction: `hover-replay`; states: truck
- Also known as: shipping, delivery
- React: `import truck from 'react-useanimations/lib/truck';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/truck.json`
- Lottie JSON: https://useanimations.com/icons/truck.json
- Page: https://useanimations.com/icons/truck (Markdown: https://useanimations.com/icons/truck.md)

## Charts

### Bar Chart (`bar-chart`)
- Category: Charts; interaction: `hover-replay`; states: bar-chart
- React: `import barChart from 'react-useanimations/lib/barChart';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/bar-chart.json`
- Lottie JSON: https://useanimations.com/icons/bar-chart.json
- Page: https://useanimations.com/icons/bar-chart (Markdown: https://useanimations.com/icons/bar-chart.md)

### Bar Chart 2 (`bar-chart-2`)
- Category: Charts; interaction: `hover-replay`; states: bar-chart-2
- React: `import barChart2 from 'react-useanimations/lib/barChart2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/bar-chart-2.json`
- Lottie JSON: https://useanimations.com/icons/bar-chart-2.json
- Page: https://useanimations.com/icons/bar-chart-2 (Markdown: https://useanimations.com/icons/bar-chart-2.md)

### Pie Chart (`pie-chart`)
- Category: Charts; interaction: `hover-replay`; states: pie-chart
- React: `import pieChart from 'react-useanimations/lib/pieChart';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/pie-chart.json`
- Lottie JSON: https://useanimations.com/icons/pie-chart.json
- Page: https://useanimations.com/icons/pie-chart (Markdown: https://useanimations.com/icons/pie-chart.md)

### Trending Down (`trending-down`)
- Category: Charts; interaction: `hover-replay`; states: trending-down
- React: `import trendingDown from 'react-useanimations/lib/trendingDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/trending-down.json`
- Lottie JSON: https://useanimations.com/icons/trending-down.json
- Page: https://useanimations.com/icons/trending-down (Markdown: https://useanimations.com/icons/trending-down.md)

### Trending Up (`trending-up`)
- Category: Charts; interaction: `hover-replay`; states: trending-up
- React: `import trendingUp from 'react-useanimations/lib/trendingUp';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/trending-up.json`
- Lottie JSON: https://useanimations.com/icons/trending-up.json
- Page: https://useanimations.com/icons/trending-up (Markdown: https://useanimations.com/icons/trending-up.md)

## Development

### Code (`code`)
- Category: Development; interaction: `hover-replay`; states: code
- Also known as: brackets, embed
- React: `import code from 'react-useanimations/lib/code';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/code.json`
- Lottie JSON: https://useanimations.com/icons/code.json
- Page: https://useanimations.com/icons/code (Markdown: https://useanimations.com/icons/code.md)

### Command (`command`)
- Category: Development; interaction: `hover-replay`; states: command
- React: `import command from 'react-useanimations/lib/command';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/command.json`
- Lottie JSON: https://useanimations.com/icons/command.json
- Page: https://useanimations.com/icons/command (Markdown: https://useanimations.com/icons/command.md)

### Database (`database`)
- Category: Development; interaction: `hover-replay`; states: database
- React: `import database from 'react-useanimations/lib/database';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/database.json`
- Lottie JSON: https://useanimations.com/icons/database.json
- Page: https://useanimations.com/icons/database (Markdown: https://useanimations.com/icons/database.md)

### Git Branch (`git-branch`)
- Category: Development; interaction: `hover-replay`; states: git-branch
- React: `import gitBranch from 'react-useanimations/lib/gitBranch';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/git-branch.json`
- Lottie JSON: https://useanimations.com/icons/git-branch.json
- Page: https://useanimations.com/icons/git-branch (Markdown: https://useanimations.com/icons/git-branch.md)

### Git Commit (`git-commit`)
- Category: Development; interaction: `hover-replay`; states: git-commit
- React: `import gitCommit from 'react-useanimations/lib/gitCommit';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/git-commit.json`
- Lottie JSON: https://useanimations.com/icons/git-commit.json
- Page: https://useanimations.com/icons/git-commit (Markdown: https://useanimations.com/icons/git-commit.md)

### Git Merge (`git-merge`)
- Category: Development; interaction: `hover-replay`; states: git-merge
- React: `import gitMerge from 'react-useanimations/lib/gitMerge';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/git-merge.json`
- Lottie JSON: https://useanimations.com/icons/git-merge.json
- Page: https://useanimations.com/icons/git-merge (Markdown: https://useanimations.com/icons/git-merge.md)

### Git Pull Request (`git-pull-request`)
- Category: Development; interaction: `hover-replay`; states: git-pull-request
- React: `import gitPullRequest from 'react-useanimations/lib/gitPullRequest';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/git-pull-request.json`
- Lottie JSON: https://useanimations.com/icons/git-pull-request.json
- Page: https://useanimations.com/icons/git-pull-request (Markdown: https://useanimations.com/icons/git-pull-request.md)

### Server (`server`)
- Category: Development; interaction: `hover-replay`; states: server
- React: `import server from 'react-useanimations/lib/server';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/server.json`
- Lottie JSON: https://useanimations.com/icons/server.json
- Page: https://useanimations.com/icons/server (Markdown: https://useanimations.com/icons/server.md)

### Terminal (`terminal`)
- Category: Development; interaction: `loop`; states: terminal
- Also known as: console, command line, cli
- React: `import terminal from 'react-useanimations/lib/terminal';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/terminal.json`
- Lottie JSON: https://useanimations.com/icons/terminal.json
- Page: https://useanimations.com/icons/terminal (Markdown: https://useanimations.com/icons/terminal.md)

## Design & layout

### Columns (`columns`)
- Category: Design & layout; interaction: `hover-replay`; states: columns
- React: `import columns from 'react-useanimations/lib/columns';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/columns.json`
- Lottie JSON: https://useanimations.com/icons/columns.json
- Page: https://useanimations.com/icons/columns (Markdown: https://useanimations.com/icons/columns.md)

### Crop (`crop`)
- Category: Design & layout; interaction: `click-replay`; states: crop
- React: `import crop from 'react-useanimations/lib/crop';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/crop.json`
- Lottie JSON: https://useanimations.com/icons/crop.json
- Page: https://useanimations.com/icons/crop (Markdown: https://useanimations.com/icons/crop.md)

### Grid (`grid`)
- Category: Design & layout; interaction: `hover-replay`; states: grid
- React: `import grid from 'react-useanimations/lib/grid';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/grid.json`
- Lottie JSON: https://useanimations.com/icons/grid.json
- Page: https://useanimations.com/icons/grid (Markdown: https://useanimations.com/icons/grid.md)

### Layers (`layers`)
- Category: Design & layout; interaction: `hover-replay`; states: layers
- React: `import layers from 'react-useanimations/lib/layers';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/layers.json`
- Lottie JSON: https://useanimations.com/icons/layers.json
- Page: https://useanimations.com/icons/layers (Markdown: https://useanimations.com/icons/layers.md)

### Layout (`layout`)
- Category: Design & layout; interaction: `hover-replay`; states: layout
- React: `import layout from 'react-useanimations/lib/layout';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/layout.json`
- Lottie JSON: https://useanimations.com/icons/layout.json
- Page: https://useanimations.com/icons/layout (Markdown: https://useanimations.com/icons/layout.md)

### Mouse Pointer (`mouse-pointer`)
- Category: Design & layout; interaction: `click-replay`; states: mouse-pointer
- React: `import mousePointer from 'react-useanimations/lib/mousePointer';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/mouse-pointer.json`
- Lottie JSON: https://useanimations.com/icons/mouse-pointer.json
- Page: https://useanimations.com/icons/mouse-pointer (Markdown: https://useanimations.com/icons/mouse-pointer.md)

### Move (`move`)
- Category: Design & layout; interaction: `hover-replay`; states: move
- React: `import move from 'react-useanimations/lib/move';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/move.json`
- Lottie JSON: https://useanimations.com/icons/move.json
- Page: https://useanimations.com/icons/move (Markdown: https://useanimations.com/icons/move.md)

### Pen Tool (`pen-tool`)
- Category: Design & layout; interaction: `hover-replay`; states: pen-tool
- React: `import penTool from 'react-useanimations/lib/penTool';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/pen-tool.json`
- Lottie JSON: https://useanimations.com/icons/pen-tool.json
- Page: https://useanimations.com/icons/pen-tool (Markdown: https://useanimations.com/icons/pen-tool.md)

### Scissors (`scissors`)
- Category: Design & layout; interaction: `click-replay`; states: scissors
- React: `import scissors from 'react-useanimations/lib/scissors';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/scissors.json`
- Lottie JSON: https://useanimations.com/icons/scissors.json
- Page: https://useanimations.com/icons/scissors (Markdown: https://useanimations.com/icons/scissors.md)

### Table (`table`)
- Category: Design & layout; interaction: `hover-replay`; states: table
- React: `import table from 'react-useanimations/lib/table';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/table.json`
- Lottie JSON: https://useanimations.com/icons/table.json
- Page: https://useanimations.com/icons/table (Markdown: https://useanimations.com/icons/table.md)

## Shapes & math

### Circle (`circle`)
- Category: Shapes & math; interaction: `hover-replay`; states: circle
- React: `import circle from 'react-useanimations/lib/circle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/circle.json`
- Lottie JSON: https://useanimations.com/icons/circle.json
- Page: https://useanimations.com/icons/circle (Markdown: https://useanimations.com/icons/circle.md)

### Divide (`divide`)
- Category: Shapes & math; interaction: `hover-replay`; states: divide
- React: `import divide from 'react-useanimations/lib/divide';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/divide.json`
- Lottie JSON: https://useanimations.com/icons/divide.json
- Page: https://useanimations.com/icons/divide (Markdown: https://useanimations.com/icons/divide.md)

### Divide Circle (`divide-circle`)
- Category: Shapes & math; interaction: `hover-replay`; states: divide-circle
- React: `import divideCircle from 'react-useanimations/lib/divideCircle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/divide-circle.json`
- Lottie JSON: https://useanimations.com/icons/divide-circle.json
- Page: https://useanimations.com/icons/divide-circle (Markdown: https://useanimations.com/icons/divide-circle.md)

### Divide Square (`divide-square`)
- Category: Shapes & math; interaction: `hover-replay`; states: divide-square
- React: `import divideSquare from 'react-useanimations/lib/divideSquare';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/divide-square.json`
- Lottie JSON: https://useanimations.com/icons/divide-square.json
- Page: https://useanimations.com/icons/divide-square (Markdown: https://useanimations.com/icons/divide-square.md)

### Hexagon (`hexagon`)
- Category: Shapes & math; interaction: `hover-replay`; states: hexagon
- React: `import hexagon from 'react-useanimations/lib/hexagon';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/hexagon.json`
- Lottie JSON: https://useanimations.com/icons/hexagon.json
- Page: https://useanimations.com/icons/hexagon (Markdown: https://useanimations.com/icons/hexagon.md)

### Octagon (`octagon`)
- Category: Shapes & math; interaction: `hover-replay`; states: octagon
- React: `import octagon from 'react-useanimations/lib/octagon';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/octagon.json`
- Lottie JSON: https://useanimations.com/icons/octagon.json
- Page: https://useanimations.com/icons/octagon (Markdown: https://useanimations.com/icons/octagon.md)

### Square (`square`)
- Category: Shapes & math; interaction: `hover-replay`; states: square
- React: `import square from 'react-useanimations/lib/square';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/square.json`
- Lottie JSON: https://useanimations.com/icons/square.json
- Page: https://useanimations.com/icons/square (Markdown: https://useanimations.com/icons/square.md)

### Triangle (`triangle`)
- Category: Shapes & math; interaction: `hover-replay`; states: triangle
- React: `import triangle from 'react-useanimations/lib/triangle';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/triangle.json`
- Lottie JSON: https://useanimations.com/icons/triangle.json
- Page: https://useanimations.com/icons/triangle (Markdown: https://useanimations.com/icons/triangle.md)

## Loading

### Infinity (`infinity`)
- Category: Loading; interaction: `loop`; states: infinity
- Also known as: endless, infinite loop
- React: `import infinity from 'react-useanimations/lib/infinity';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/infinity.json`
- Lottie JSON: https://useanimations.com/icons/infinity.json
- Page: https://useanimations.com/icons/infinity (Markdown: https://useanimations.com/icons/infinity.md)

### Loading circular (`loading`)
- Category: Loading; interaction: `loop`
- Also known as: spinner, loader, progress indicator, preloader
- React: `import loading from 'react-useanimations/lib/loading';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/loading.json`
- Lottie JSON: https://useanimations.com/icons/loading.json
- Page: https://useanimations.com/icons/loading (Markdown: https://useanimations.com/icons/loading.md)

### Loading V2 (`loading-v2`)
- Category: Loading; interaction: `loop`
- Also known as: spinner, loader, progress indicator, preloader
- React: `import loading2 from 'react-useanimations/lib/loading2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/loading-v2.json`
- Lottie JSON: https://useanimations.com/icons/loading-v2.json
- Page: https://useanimations.com/icons/loading-v2 (Markdown: https://useanimations.com/icons/loading-v2.md)

### Loading V3 (`loading-v3`)
- Category: Loading; interaction: `loop`
- Also known as: spinner, loader, progress indicator, preloader
- React: `import loading3 from 'react-useanimations/lib/loading3';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/loading-v3.json`
- Lottie JSON: https://useanimations.com/icons/loading-v3.json
- Page: https://useanimations.com/icons/loading-v3 (Markdown: https://useanimations.com/icons/loading-v3.md)

### Loading V4 (`loading-v4`)
- Category: Loading; interaction: `loop`; states: loadingv4
- Also known as: spinner, loader, progress indicator, preloader
- React: `import loading4 from 'react-useanimations/lib/loading4';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/loading-v4.json`
- Lottie JSON: https://useanimations.com/icons/loading-v4.json
- Page: https://useanimations.com/icons/loading-v4 (Markdown: https://useanimations.com/icons/loading-v4.md)

## Social media

### Behance (`behance`)
- Category: Social media; interaction: `hover-loop`; states: behance
- React: `import behance from 'react-useanimations/lib/behance';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/behance.json`
- Lottie JSON: https://useanimations.com/icons/behance.json
- Page: https://useanimations.com/icons/behance (Markdown: https://useanimations.com/icons/behance.md)

### Chrome (`chrome`)
- Category: Social media; interaction: `hover-replay`; states: chrome
- React: `import chrome from 'react-useanimations/lib/chrome';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/chrome.json`
- Lottie JSON: https://useanimations.com/icons/chrome.json
- Page: https://useanimations.com/icons/chrome (Markdown: https://useanimations.com/icons/chrome.md)

### Codepen (`codepen`)
- Category: Social media; interaction: `hover-loop`; states: codepen
- React: `import codepen from 'react-useanimations/lib/codepen';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/codepen.json`
- Lottie JSON: https://useanimations.com/icons/codepen.json
- Page: https://useanimations.com/icons/codepen (Markdown: https://useanimations.com/icons/codepen.md)

### Codesandbox (`codesandbox`)
- Category: Social media; interaction: `hover-replay`; states: codesandbox
- React: `import codesandbox from 'react-useanimations/lib/codesandbox';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/codesandbox.json`
- Lottie JSON: https://useanimations.com/icons/codesandbox.json
- Page: https://useanimations.com/icons/codesandbox (Markdown: https://useanimations.com/icons/codesandbox.md)

### Discord (`discord`)
- Category: Social media; interaction: `hover-loop`; states: discord
- React: `import discord from 'react-useanimations/lib/discord';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/discord.json`
- Lottie JSON: https://useanimations.com/icons/discord.json
- Page: https://useanimations.com/icons/discord (Markdown: https://useanimations.com/icons/discord.md)

### Dribbble (`dribbble`)
- Category: Social media; interaction: `hover-loop`; states: dribbble
- React: `import dribbble from 'react-useanimations/lib/dribbble';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/dribbble.json`
- Lottie JSON: https://useanimations.com/icons/dribbble.json
- Page: https://useanimations.com/icons/dribbble (Markdown: https://useanimations.com/icons/dribbble.md)

### Facebook (`facebook`)
- Category: Social media; interaction: `hover-loop`; states: facebook
- React: `import facebook from 'react-useanimations/lib/facebook';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/facebook.json`
- Lottie JSON: https://useanimations.com/icons/facebook.json
- Page: https://useanimations.com/icons/facebook (Markdown: https://useanimations.com/icons/facebook.md)

### Figma (`figma`)
- Category: Social media; interaction: `hover-replay`; states: figma
- React: `import figma from 'react-useanimations/lib/figma';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/figma.json`
- Lottie JSON: https://useanimations.com/icons/figma.json
- Page: https://useanimations.com/icons/figma (Markdown: https://useanimations.com/icons/figma.md)

### Framer (`framer`)
- Category: Social media; interaction: `hover-replay`; states: framer
- React: `import framer from 'react-useanimations/lib/framer';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/framer.json`
- Lottie JSON: https://useanimations.com/icons/framer.json
- Page: https://useanimations.com/icons/framer (Markdown: https://useanimations.com/icons/framer.md)

### Github (`github`)
- Category: Social media; interaction: `hover-loop`; states: github
- React: `import github from 'react-useanimations/lib/github';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/github.json`
- Lottie JSON: https://useanimations.com/icons/github.json
- Page: https://useanimations.com/icons/github (Markdown: https://useanimations.com/icons/github.md)

### GitLab (`gitlab`)
- Category: Social media; interaction: `hover-replay`; states: gitlab
- React: `import gitlab from 'react-useanimations/lib/gitlab';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/gitlab.json`
- Lottie JSON: https://useanimations.com/icons/gitlab.json
- Page: https://useanimations.com/icons/gitlab (Markdown: https://useanimations.com/icons/gitlab.md)

### Instagram (`instagram`)
- Category: Social media; interaction: `hover`; states: instagram
- React: `import instagram from 'react-useanimations/lib/instagram';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/instagram.json`
- Lottie JSON: https://useanimations.com/icons/instagram.json
- Page: https://useanimations.com/icons/instagram (Markdown: https://useanimations.com/icons/instagram.md)

### Linkedin (`linkedin`)
- Category: Social media; interaction: `hover-loop`; states: linkedin
- React: `import linkedin from 'react-useanimations/lib/linkedin';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/linkedin.json`
- Lottie JSON: https://useanimations.com/icons/linkedin.json
- Page: https://useanimations.com/icons/linkedin (Markdown: https://useanimations.com/icons/linkedin.md)

### Pocket (`pocket`)
- Category: Social media; interaction: `hover-loop`; states: pocket
- React: `import pocket from 'react-useanimations/lib/pocket';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/pocket.json`
- Lottie JSON: https://useanimations.com/icons/pocket.json
- Page: https://useanimations.com/icons/pocket (Markdown: https://useanimations.com/icons/pocket.md)

### Slack (`slack`)
- Category: Social media; interaction: `hover-replay`; states: slack
- React: `import slack from 'react-useanimations/lib/slack';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/slack.json`
- Lottie JSON: https://useanimations.com/icons/slack.json
- Page: https://useanimations.com/icons/slack (Markdown: https://useanimations.com/icons/slack.md)

### Telegram (`telegram`)
- Category: Social media; interaction: `hover-loop`; states: telegram
- React: `import telegram from 'react-useanimations/lib/telegram';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/telegram.json`
- Lottie JSON: https://useanimations.com/icons/telegram.json
- Page: https://useanimations.com/icons/telegram (Markdown: https://useanimations.com/icons/telegram.md)

### Trello (`trello`)
- Category: Social media; interaction: `hover-replay`; states: trello
- React: `import trello from 'react-useanimations/lib/trello';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/trello.json`
- Lottie JSON: https://useanimations.com/icons/trello.json
- Page: https://useanimations.com/icons/trello (Markdown: https://useanimations.com/icons/trello.md)

### Twitch (`twitch`)
- Category: Social media; interaction: `hover-replay`; states: twitch
- React: `import twitch from 'react-useanimations/lib/twitch';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/twitch.json`
- Lottie JSON: https://useanimations.com/icons/twitch.json
- Page: https://useanimations.com/icons/twitch (Markdown: https://useanimations.com/icons/twitch.md)

### Twitter (`twitter`)
- Category: Social media; interaction: `hover-loop`; states: twitter
- React: `import twitter from 'react-useanimations/lib/twitter';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/twitter.json`
- Lottie JSON: https://useanimations.com/icons/twitter.json
- Page: https://useanimations.com/icons/twitter (Markdown: https://useanimations.com/icons/twitter.md)

### Twitter X (`twitter-x`)
- Category: Social media; interaction: `hover-replay`; states: twitter-x
- Also known as: x logo
- React: `import twitterX from 'react-useanimations/lib/twitterX';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/twitter-x.json`
- Lottie JSON: https://useanimations.com/icons/twitter-x.json
- Page: https://useanimations.com/icons/twitter-x (Markdown: https://useanimations.com/icons/twitter-x.md)

### YouTube (`youtube`)
- Category: Social media; interaction: `hover`; states: youtube
- React: `import youtube from 'react-useanimations/lib/youtube';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/youtube.json`
- Lottie JSON: https://useanimations.com/icons/youtube.json
- Page: https://useanimations.com/icons/youtube (Markdown: https://useanimations.com/icons/youtube.md)

### YouTube V2 (`youtube-v2`)
- Category: Social media; interaction: `hover`; states: youtube-2
- React: `import youtube2 from 'react-useanimations/lib/youtube2';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/youtube-v2.json`
- Lottie JSON: https://useanimations.com/icons/youtube-v2.json
- Page: https://useanimations.com/icons/youtube-v2 (Markdown: https://useanimations.com/icons/youtube-v2.md)

## Other

### Activity (`activity`)
- Category: Other; interaction: `loop`; states: activity
- Also known as: pulse, heartbeat
- React: `import activity from 'react-useanimations/lib/activity';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/activity.json`
- Lottie JSON: https://useanimations.com/icons/activity.json
- Page: https://useanimations.com/icons/activity (Markdown: https://useanimations.com/icons/activity.md)

### Arrow down (`arrow-down`)
- Category: Other; interaction: `loop`; states: arrow-down
- React: `import arrowDown from 'react-useanimations/lib/arrowDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-down.json`
- Lottie JSON: https://useanimations.com/icons/arrow-down.json
- Page: https://useanimations.com/icons/arrow-down (Markdown: https://useanimations.com/icons/arrow-down.md)

### Arrow up (`arrow-up`)
- Category: Other; interaction: `loop`; states: arrow-up
- React: `import arrowUp from 'react-useanimations/lib/arrowUp';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/arrow-up.json`
- Lottie JSON: https://useanimations.com/icons/arrow-up.json
- Page: https://useanimations.com/icons/arrow-up (Markdown: https://useanimations.com/icons/arrow-up.md)

### Clock (`clock`)
- Category: Other; interaction: `hover-replay`; states: clock
- Also known as: time, watch
- React: `import clock from 'react-useanimations/lib/clock';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/clock.json`
- Lottie JSON: https://useanimations.com/icons/clock.json
- Page: https://useanimations.com/icons/clock (Markdown: https://useanimations.com/icons/clock.md)

### Coffee (`coffee`)
- Category: Other; interaction: `hover-replay`; states: coffee
- React: `import coffee from 'react-useanimations/lib/coffee';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/coffee.json`
- Lottie JSON: https://useanimations.com/icons/coffee.json
- Page: https://useanimations.com/icons/coffee (Markdown: https://useanimations.com/icons/coffee.md)

### Frown (`frown`)
- Category: Other; interaction: `hover-replay`; states: frown
- React: `import frown from 'react-useanimations/lib/frown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/frown.json`
- Lottie JSON: https://useanimations.com/icons/frown.json
- Page: https://useanimations.com/icons/frown (Markdown: https://useanimations.com/icons/frown.md)

### Meh (`meh`)
- Category: Other; interaction: `hover-replay`; states: meh
- React: `import meh from 'react-useanimations/lib/meh';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/meh.json`
- Lottie JSON: https://useanimations.com/icons/meh.json
- Page: https://useanimations.com/icons/meh (Markdown: https://useanimations.com/icons/meh.md)

### Scroll down (`scroll-down`)
- Category: Other; interaction: `loop`; states: scrolldown
- Also known as: scroll indicator, mouse scroll, scroll cue
- React: `import scrollDown from 'react-useanimations/lib/scrollDown';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/scroll-down.json`
- Lottie JSON: https://useanimations.com/icons/scroll-down.json
- Page: https://useanimations.com/icons/scroll-down (Markdown: https://useanimations.com/icons/scroll-down.md)

### Smile (`smile`)
- Category: Other; interaction: `hover-replay`; states: smile
- React: `import smile from 'react-useanimations/lib/smile';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/smile.json`
- Lottie JSON: https://useanimations.com/icons/smile.json
- Page: https://useanimations.com/icons/smile (Markdown: https://useanimations.com/icons/smile.md)

### Tool (`tool`)
- Category: Other; interaction: `hover-replay`; states: tool
- React: `import tool from 'react-useanimations/lib/tool';`
- shadcn: `npx shadcn@latest add https://useanimations.com/r/tool.json`
- Lottie JSON: https://useanimations.com/icons/tool.json
- Page: https://useanimations.com/icons/tool (Markdown: https://useanimations.com/icons/tool.md)