Best of SVG — January 2026

1. 1
   Article

   Avijit Dey·20w

   Most Icons Are Static. These 200+ Are Not

   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.

   80

   22
2. 2
   Article

   Avijit Dey·18w

   Lucide-based Animated Icons (Open Source)

   AnimateIcons is an open-source library offering 200+ animated SVG icons based on the Lucide design language. The library focuses on clean UI micro-interactions, integrates with shadcn/ui CLI, and works with React applications without requiring heavy animation dependencies. Icons feature smooth, lightweight animations while maintaining Lucide's minimal design consistency.

   49

   6
3. 3
   Article

   Open Source·18w

   Lucide-based Animated Icons (Open Source, shadcn/ui CLI)

   AnimateIcons is an open-source collection of 200+ animated SVG icons built on the Lucide design language. The library integrates with shadcn/ui CLI, provides smooth lightweight animations using motion, and focuses on clean UI micro-interactions for React applications. The project is actively seeking community feedback and contributions.

   31

   2