Lucide Animated (lucide-animated.com) is a free, open-source collection of animated SVG icons built as an extension of the popular Lucide icon library. It adds smooth, customizable Lottie-based animations to Lucide's stroke-style icons, making them ideal for modern web interfaces, apps, and loading states. Each icon is lightweight, accessible, and easy to integrate with React, Vue, or plain HTML/JS, offering hover-triggered or looped animations for enhanced user engagement.
Key Features
- Animated Icons: Hundreds of Lucide icons with built-in Lottie animations (e.g., spinning loaders, pulsing hearts).
- Customization: Control speed, color, size, and autoplay via props or CSS.
- Integration: npm package for React (
lucide-animated-react); direct JSON/SVG downloads. - Accessibility: Inherits Lucide's ARIA support and semantic markup.