Lottie to SVG
Save a frame of a Lottie animation as an SVG with real vector shapes, for Figma, Illustrator or a static fallback image. Scrub to the frame, download. Free.
How it works
Open the Lottie file
Drop a Lottie .json (exported from After Effects with Bodymovin, or downloaded from LottieFiles) or a .lottie file. It plays at once, in your browser.
Pick the size and frame rate
Set the width, the frame rate and the background: transparent, white, black or any colour. Scrub to a frame for a PNG or SVG still.
Download the SVG
Every frame is drawn by lottie-web, the player Airbnb wrote and LottieFiles uses, so it looks as it does on the web.
Lottie to SVG converter: free and online
Convert lottie to SVG in your browser: drop in a Lottie file and download the SVG. The file is converted on your own device and never uploaded, so this lottie to svg converter is safe for private and confidential files.
SVG is the vector format of the web and of cutting machines: shapes and curves that stay sharp at any size.
Paths stay paths: shapes, colours and curves carry across without being turned into pixels, so the result is still sharp at any size.
More conversions from Lottie: Lottie to Any, Lottie to GIF, Lottie to MP4, Lottie to WebM, Lottie to PNG.
Other conversions to SVG: PNG to SVG, JPG to SVG, JPEG to SVG, WEBP to SVG, GIF to SVG, BMP to SVG.
People also search for
- lottie to svg free
- lottie to svg without losing quality
Why it matters
Drawn by lottie-web
The same open-source player that shows Lottie on the web draws every frame, so the GIF or video looks like the animation, not an approximation of it.
Exact timing
Frames are taken at the frame rate you choose from the animation's own timeline. A GIF's delays are carried so 30 fps really plays in the length it should (3, 3 and 4 hundredths in turn).
Nothing uploaded
Client animations and unreleased work stay on your computer: the file is read, drawn and encoded in this tab.
Questions
How do I convert Lottie to SVG?
Drop your Lottie file on this page, check the preview, and press Download. The SVG is made in a few seconds, with no sign-up.
Is my Lottie file uploaded anywhere?
No. The lottie to svg conversion runs in your browser, on your own device. The file never leaves it.
What is a Lottie file?
A Lottie is a vector animation saved as JSON: shapes, keyframes and timing, exported from After Effects with the Bodymovin plugin or made in LottieFiles' editor. A .lottie (dotLottie) is the same animation zipped with its pictures, usually much smaller.
Why does my animation look different?
After Effects expressions are not run here, as the iOS and Android Lottie players do not run them either, and the page says when a file has them. Text drawn with a font that is not on this computer is replaced. Everything else (shapes, masks, mattes, gradients, trim paths, repeaters, pictures) is drawn by lottie-web.
Can a GIF keep a transparent background?
Yes, choose Transparent. A GIF pixel is either fully see-through or solid, so soft edges become hard ones; on a known background colour, pick that colour for smooth edges. MP4 has no transparency, so a transparent background becomes white there.
Which video formats can it make?
MP4 (H.264) and WebM (VP9, or VP8 where VP9 is not available), with your browser's built-in encoder: Chrome, Edge, Firefox 130+ and Safari 17+.
Is my file uploaded?
No. The Lottie is read, played and converted in your browser tab.