Follows your colors
Icons use currentColor: they pick up text color, hover states and dark mode on their own. Override with a prop, a class or plain CSS.
300 hand-crafted animated icons with hover, click and loop interactions built in. Free, for React.
Move your pointer across the field.
Interactions built in
Each icon ships with the interaction it was designed for. Drop it in and it just works — or pick another one with a single prop. Try them:
The library
Hover or click to play. Open an icon for its code and downloads — Lottie JSON, SVG and ZIP.
300 icons
No icons match.
Try another word, or suggest an icon.
Use them your way
A React component with no dependencies, a shadcn registry, downloadable files with stable URLs, and a catalog that AI agents can read.
Read the documentation →import UseAnimations from 'react-useanimations';
import menu from 'react-useanimations/lib/menu';
export function MenuButton({ open, onToggle }) {
return (
<UseAnimations
animation={menu}
active={open}
onClick={onToggle}
size={28}
/>
);
}npx shadcn@latest add https://useanimations.com/r/menu.json
# then: <AnimatedMenu size={24} /># Every icon as an SVG, as its animation (Lottie JSON) and as a ZIP of both
https://useanimations.com/icons/menu/menu.svg
https://useanimations.com/icons/menu.json # Lottie JSON
https://useanimations.com/icons/menu.zip # Lottie JSON + static SVGsconst { icons } = await fetch('https://useanimations.com/icons.json').then((r) => r.json());
const icon = icons.find((i) => i.keywords.includes('hamburger'));
icon.react.import; // "import menu from 'react-useanimations/lib/menu';"Icons use currentColor: they pick up text color, hover states and dark mode on their own. Override with a prop, a class or plain CSS.
8 kB
A built-in player, zero dependencies. Each icon is its own 2 kB module.
Respects reduced motion, plays hover animations on keyboard focus and stays out of screen readers unless you label it.
A client component that renders safely in Next.js, Remix and Astro. Icons are plain data you can import anywhere.
A typed catalog with keywords for every icon, icons.json, llms.txt and Markdown docs.