Morphicons

Morphicons is an icon morphing library that smoothly transforms stroke-based SVG icons such as Lucide, Tabler, Heroicons, and Iconoir into one another.

Universal icon morphing: It can transition between many stroke-based icon sets, making it useful for UI feedback such as menu, close, check, and state-change icons.
Framework support: It works with React, Vue, Svelte, React Native, Astro, and plain JavaScript.
Math-based transitions: It uses 2D Procrustes and spring physics to automatically calculate rotation and shape changes, reducing the need to define transition rules for every icon pair.
Lightweight implementation: With zero runtime dependencies and a core around 6.5KB gzip, it adds micro-interactions without much overhead.
Install command: `npm install morphicons`

Similar tools

Lucide

Transitions.dev

Paper Shaders

theSVG

Hugeicons

Get the week's signal by email, every Saturday.