Symbol morph

Drag symbols to change loop order. You can also use Alt and the left or right arrow key.

Plus selected.

A little playground for shape and motion.

Symbol morph turns simple symbols into fluid animations. Explore how +, −, ÷ and × flow into one another, or bring your own SVG into the mix. Adjust the rhythm, build a sequence, and download a looping animation to use in your work.

How to use it

  1. Try a transition. Choose On demand, then click a symbol to morph into it. Use the upload arrow to add your own SVG.
  2. Make it move your way. Choose an easing preset or drag the curve handles to change how the motion feels. Adjust the duration to set the pace.
  3. Build a loop. Switch to Loop and drag the symbols into order. Use the play/pause button or scrub the timeline to inspect the animation.
  4. Take it with you. In Loop mode, choose Download SVG to save an animation with your symbols, order, easing and timing.