SVG to Lottie.
Drop in an SVG, like a logo, an icon or an illustration, and turn it into a Lottie file. Add an entrance animation, such as a line that draws itself, a pop or a fade, preview it, then download. It runs in your browser, nothing is uploaded.
Bounce adds overshoot to Pop and Slide up. The other animations use Smooth.
Size: 0 × 0 px
Scaled down to fit 2048 px, the largest side we export.
FormatWant your logo animated properly?
We animate logos, icons and illustrations as your dedicated creative team. Tell us what you need.
See how it worksAbout this tool
Convert an SVG into a Lottie animation in your browser. Paths, shapes, fills, strokes and groups become Lottie layers that play anywhere Lottie runs. Add an entrance animation, such as a line that draws itself, a pop, a fade or a slide, set the duration and easing, then download JSON or dotLottie. Nothing is uploaded.
How to use it
- Drop an SVG file onto the drop zone, or paste the SVG code.
- Pick an animation (None, Draw on, Pop, Fade in or Slide up) and set the duration.
- Preview it, then download JSON or dotLottie.
Frequently asked questions
Paths, rectangles, circles, ellipses, lines, polylines, polygons and groups, with their solid fills, strokes and transforms. Gradients become their first color, and filters, masks, text and embedded images are skipped, so convert text to outlines before you export the SVG.
Draw on animates strokes, the lines around or through a shape. Shapes that only have a fill have no line to draw, so they fade in instead.
Yes. The download is a standard Lottie file. Open it in our Lottie editor to change its colors, speed or length, or in any other Lottie tool.
No. The conversion happens in your browser and the file never leaves your device.