morphing-icons

What problem does it solve?

Morphing icons enable smooth, shape-changing indicators by transforming three-line icons into new forms without crossfades, improving visual continuity in UI.

Core Features & Use Cases

• Exactly three lines per icon with collapsed placeholders for fewer lines.
• Rotation groups allow smooth transitions between variants like plus-cross or arrow directions.
• Consistent viewBox and simple, reusable icon definitions suitable for design systems.
• Use Case: implement dynamic toolbar icons that morph to indicate states without layout shifts.

Quick Start

Define three lines for each icon (with collapsed lines for fewer than three), assign a rotation group when needed, and render with an animated morph between variants.