Animated Icons Library

468 beautifully crafted animated SVG icons from lucide-animated: preview, search and install with shadcn.

Animated Icons Library — preview 468 beautifully crafted animated SVG icons and install any of these with shadcn — free.

How to use Animated Icons Library

  1. Browse the 16 featured icons and watch them animate.
  2. Switch animation mode between always-on and on-hover.
  3. Search the full directory of 468 icons.
  4. Copy the shadcn install command for any icon.
  5. Use the icon in your app with hover animation or a ref.

Features

  • 16 featured icons with the repo's real SVG path data and Motion-style animation
  • Full directory of 468 icons with exact shadcn install commands
  • Size slider and always-on / on-hover animation modes
  • PascalCase component name for every icon
  • Copy-paste ready, MIT licensed, Motion + Lucide
  • Runs 100% locally: no API keys, no sign-up

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.