SShinUI

morphicons

Morph any SVG icon into any other

Animation & MotionOpen sourceReactVueSvelte

Live site

morphicons.com

Preview morphicons inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

A 6.5 KB library that solves optimal rotation between stroke icons in closed form, then animates with spring physics. Works with Lucide, Tabler, Heroicons and any 24×24 stroke set — React, Vue, Svelte and React Native.

Get started

terminal
npm i morphicons

Tags

iconsmorphingspringzero-deps

Related in Motion

View all

GSAP

gsap.com

The animation engine everything else is measured against

MotionFreeJavaScript

by GreenSock@greensock

Anime.js

animejs.com

Small, elegant JavaScript animation engine

MotionOpen sourceJavaScript

by Julian Garnier@juliangarnier

Motion

motion.dev

The React animation standard, now framework-agnostic

MotionFreemiumReactJavaScript

by Matt Perry@mattgperry