Morphicons Studio
Morph any SVG icon into any other with the repo's real spring-physics engine and 48 icons, free now.
Morphicons Studio — morph any SVG icon into any other with the repo's real spring-physics engine and 48 icons, free now.
How to use Morphicons Studio
- Pick a from icon and a to icon from the 48-icon gallery, or paste any SVG path d as the from icon
- Press Play morph to run the real spring-physics engine, or drag the progress slider yourself
- Try the snappy, smooth and bouncy spring presets, or set custom stiffness and damping
- Compare polar interpolation with raw linear interpolation to see why shapes stay rigid mid-flight
- Copy the current frame as SVG, download it, or copy the React MorphIcon snippet
- Open a preset morph pair to see its Procrustes residual score
Features
- Real morphicons engine ported in full: parser, cubic normalizer, arc-length resampler, Procrustes aligner, polar interpolator and spring
- 48 real icons: 32 Lucide nodes plus Feather and Tabler nodes copied from the repo's own playground
- Spring presets from the repo: snappy k 420 c 30, smooth k 170 c 26, bouncy k 300 c 14, plus custom springs
- Three drive modes like the repo: play the morph, drive progress manually, or morph any pasted SVG path d
- Live Procrustes residual score for every morph pair, with 16 preset pairs from the repo playground
- Export the morphed frame as SVG or copy the React MorphIcon code snippet
Frequently asked questions
Is it free?
Yes, unlimited.
Login to use this free online tool. Create a free account to get started.