YT · YOUTUBE// 21d agoOPENSOURCE RELEASE

Animated Icons ships 3,640 CSS-only icons

Animated Icons turns Lucide, Heroicons, and Iconoir into two-tone icon packs with hover animations driven entirely by CSS. It ships React, Vue, Svelte, Solid, Web Components, and standalone SVG outputs, so teams can drop it into most frontend stacks without JS animation overhead.

// ANALYSIS

This is a smart, pragmatic release: instead of another flashy icon library, it automates the boring part of making icons feel alive across frameworks.

–The scale matters: 3,640 icons across three popular sets is enough to be genuinely useful, not just a demo
–CSS-only hover transitions keep bundles lighter and avoid a dependency on animation runtimes like Framer Motion
–Multi-framework output plus Web Components makes the library easy to adopt in mixed codebases
–The default state stays fully visible, so the animations add polish without hurting usability
–The tradeoff is that this is mostly a hover affordance, so it’s best for desktop-first UI moments rather than motion-heavy experiences

// TAGS

open-sourcedevtoolautomationanimated-icons

DISCOVERED

21d ago

2026-03-21

PUBLISHED

21d ago

2026-03-21

RELEVANCE

5/ 10

AUTHOR

Github Awesome