Animated SVG icons are live
SVG Animated Icons
Browse a collection of animated SVG icons powered by Framer Motion and Lucide. Drop them into your UI for subtle, polished motion.
Animated Icons
Search by name or keyword. Hover to see motion. Click to copy JSX.
159/159iconsBuilt with Motion & Lucide.
Customizer
Tweak the live icon preview.
Color
Stroke width1.8px
Size32px
Absolute stroke width
Keep stroke thickness fixed while scaling.
Tip: Combine these icons with your existing Tailwind gradients and motion presets for cohesive micro-interactions across your app.