Skip to content
SVG Animation Tools

Lottie to Animated SVG Converter

Convert a simple Lottie JSON animation into one animated SVG with SMIL. No player or library needed. Free, and your file stays on your device.

Preview

Something not working? Report a problem

What is the Lottie to Animated SVG Converter?

Lottie animations need a player library on your page. A plain animated SVG needs nothing, and it works in an img tag, a CSS background and a README. Open your Lottie JSON and get one self-contained SVG.

It converts shape layers (paths, rectangles, ellipses and stars) with moving, turning, scaling and fading, colour changes and shape morphs. Effects, masks, mattes, text and images are not supported, and the tool tells you which ones were left out. Simple icons and loaders convert best.

How to use it

  1. Open your Lottie .json file, or paste its code.
  2. Choose if it should loop.
  3. Check the preview, then copy or save the SVG.

Why people like this tool

No player needed

One SVG, plain SMIL animation.

Moves, turns, fades

Position, rotation, scale and opacity.

Colour and morph

Colour changes and shape morphs.

Clear notes

Lists what was left out.

How it works, in one picture

Infographic: how to use the Lottie to Animated SVG Converter in 3 easy steps: Add your file, Choose your options and See your result. You get: No player needed, Moves, turns, fades, Colour and morph and Clear notes.

Frequently asked questions

How do I convert Lottie to SVG?
Open your Lottie JSON file. The animated SVG shows in the preview. Press Save to download it.
Why does my animation look different?
This tool supports the common features only. Masks, mattes, effects, gradients and text are not supported, and the note under the box lists them.
Which animations convert best?
Simple icons, loaders and shape animations made from shape layers.
Can I convert a .lottie file?
A .lottie file is a ZIP. Unzip it and open the animation JSON inside.

You may also like