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

  1. Pick a from icon and a to icon from the 48-icon gallery, or paste any SVG path d as the from icon
  2. Press Play morph to run the real spring-physics engine, or drag the progress slider yourself
  3. Try the snappy, smooth and bouncy spring presets, or set custom stiffness and damping
  4. Compare polar interpolation with raw linear interpolation to see why shapes stay rigid mid-flight
  5. Copy the current frame as SVG, download it, or copy the React MorphIcon snippet
  6. 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.