Intro

Upload your own SVG shape or logo and select from pre-designed animations to create a unique and personalized loading icon for your website.

Convert any SVG shape into an outline loader just like this! There's a handful of preset animation you can choose from. You can even animate more complex shapes like the one below:

On top of animating outlines, you can also use it for regular SVG icons too:

Features

  • Upload your own SVG shape to use as a loading icon.

  • Add an animation stroke to your SVG shape

  • Option to turn the animation into a fullscreen loader that displays when the page is loaded

  • Automatically hide after a given amount of time

  • Ending animations to animate the "hiding" of the icon

  • Choose from a list of pre-designed animations that's always growing (or suggest your own to have it added!)

  • Customize animation, stroke, color, speed, and more.

Last updated