How do I keep the background transparent?

Start from a PNG or SVG that has transparency and enable the transparent background option. A JPG source has no alpha channel, so it cannot work.

Can I export something other than GIF?

This tool exports GIF for the widest compatibility. If you need something lighter, consider an animated SVG or a CSS animation instead.

Progress Animator

Generate SVG loading spinners and animations for web applications.

Animation Mode

Rotation Direction

Background Option

Building a loading animation GIF

A loading indicator sits more naturally in an app when it uses your own brand mark. Upload an image or SVG, apply a spin, pulse or bounce, and export it as a loading GIF with a transparent background.

How to use it

Load an icon image or SVG.
Choose the animation style and speed.
Export as a transparent-background GIF.

Frequently asked questions

How do I keep the background transparent?: Start from a PNG or SVG that has transparency and enable the transparent background option. A JPG source has no alpha channel, so it cannot work.
Can I export something other than GIF?: This tool exports GIF for the widest compatibility. If you need something lighter, consider an animated SVG or a CSS animation instead.