LottieFiles
Red Flower 2.0
0:000:00

Free Red Flower 2.0 Animation

Another red flower but this time made via Figma and then exported as an SVG and dropped into the SVG to Lottie converter (https://lottiefiles.com/svg-to-lottie) with a LottieFiles animation preset added. From this I've learned that it really matters which end of your shape is where, if I wanted to be meticulous I could have rotated each petal so that the stroke animations all start from the base, but as you can see from how the lines are drawing when animated this is not what I did. Something to try for next time though

Another red flower but this time made via Figma and then exported as an SVG and dropped into the SVG to Lottie converter (https://lottiefiles.com/svg-to-lottie) with a LottieFiles animation preset added. From this I've learned that it really matters which end of your shape is where, if I wanted to be meticulous I could have rotated each petal so that the stroke animations all start from the base, but as you can see from how the lines are drawing when animated this is not what I did. Something to try for next time though

  • Optimized dotLottieRecommended
    3.2 KB

    Smallest file size with themes and interactivity.

    76% smaller than Lottie JSON
  • dotLottie
    3.3 KB

    Compressed, supports theming and states.

  • Optimized Lottie JSON
    13.9 KB

    Optimized JSON for faster loading.

  • Lottie JSON
    13.5 KB

    Standard Lottie format, broad compatibility.

Other export formats

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License