Most icon libraries stop at static SVGs.
But modern interfaces rely on motion to communicate intent and feedback.
AnimateIcons is a React animated icon library with 200+ icons, designed for real-world UI interactions, not decorative motion.
What makes it different:
<ul>
<li>200+ animated SVG icons built for modern React apps</li>
<li>Works seamlessly with shadcn/ui via shadcn CLI</li>
<li>Icons are added directly to your codebase, no external runtime dependency</li>
<li>Hover-based, controlled, and programmatic animations</li>
<li>Clean SVG structure with subtle, purposeful motion</li>
</ul>
The goal was simple:
Make micro-interactions easier to implement without compromising performance or developer experience.
Still evolving and actively maintained.
Feedback from frontend developers is welcome.
Demo: <a href="https://animateicons.in" target="_blank" rel="noopener nofollow">https://animateicons.in</a>
Repo: <a href="https://github.com/Avijit07x/animateicons" target="_blank" rel="noopener nofollow">https://github.com/Avijit07x/animateicons</a>

Stash of Cash

Avijit Dey

AnimateIcons is a React library offering 200+ animated SVG icons designed for UI micro-interactions. It integrates with shadcn/ui via CLI, adds icons directly to your codebase without runtime dependencies, and supports hover-based, controlled, and programmatic animations. The library focuses on purposeful motion for modern interfaces rather than decorative effects.

Most Icons Are Static. These 200+ Are Not

icons are really cool… and very low friction to use. love them &lt;3
love the simplicity of code implementation too.

Do you know something similar for vue.js or vanilla?

I see no animation when clicking or moseover. even when oepened in v0

Excelente aporte colega muy buenos esos iconos, gracias.