Hugeicons Animated - Hugeicons Animated

Hugeicons Animated is a collection of hand-animated icons for React. Each icon uses Motion and installs as source code through the shadcn CLI.

npx shadcn@latest add @hugeicons-animated/notification-03

The installed icon animates when you hover over it. You can also control the animation with a React ref. Every icon follows the reduced-motion setting on the device.

Install an icon

Add one icon and its animation helper to your project.

Use the component

Render an icon with automatic hover or direct control.

Browse icons

Start with a useful set of animated interface icons.

Component API

Check the shared props and ref methods.

Tip

Open the full icon gallery to preview each animation before you install it.