# Browse icons

> Start with a selection of animated icons for common interface actions.

Every icon keeps the original Hugeicons geometry and adds a hand-tuned motion that explains its action.

<CardGroup cols={3}>
  <Card title="notification-03" icon="bell" href="https://hugeicons-animated.com">
    A decaying bell swing with a counter-moving clapper.
  </Card>
  <Card title="refresh" icon="rotate" href="https://hugeicons-animated.com">
    A looping rotation for refresh and sync actions.
  </Card>
  <Card title="sparkles" icon="sparkles" href="https://hugeicons-animated.com">
    A short twinkle for generated or improved content.
  </Card>
  <Card title="rocket-01" icon="rocket" href="https://hugeicons-animated.com">
    A launch gesture for deploy and publish actions.
  </Card>
  <Card title="circle-check" icon="circle-check" href="https://hugeicons-animated.com">
    A clear completion gesture for successful actions.
  </Card>
  <Card title="loading-03" icon="spinner" href="https://hugeicons-animated.com">
    A continuous loading state that returns to rest.
  </Card>
</CardGroup>

## Install a starting set

<CodeGroup>
```bash Notification
npx shadcn@latest add @hugeicons-animated/notification-03
```

```bash Refresh
npx shadcn@latest add @hugeicons-animated/refresh
```

```bash Sparkles
npx shadcn@latest add @hugeicons-animated/sparkles
```
</CodeGroup>

<Tip>
  Use the [full icon gallery](https://hugeicons-animated.com) to search the collection, preview motion, and copy an install command.
</Tip>