How to use

Learn where to place the CSS code: Demo

License summary

By obtaining and using graphics from, you agree to the terms of the License Agreement

  • You can use graphics in personal or commercial projects
  • You cannot use graphics in competing products
  • You must provide attribution
  • Full license

Attribution info

Hey I'm Matt, please choose your way to credit my work:

Learn about attribution

Animated SVG Preloaders

You can customize the size, color, and speed of these SVG preloading graphics. There are a selection of spinners and other simple repeating animations that you can place on a loading screen to signal your webpage or app is downloading all the resources.

Find SVGs Fast. Design faster.

With thousands of exclusive graphics at your fingertips, there’s nothing to slow you down.

Get All Access
Graphics:SVG Preloaders
Full set:24 Preloaders
Freebies:12 Preloaders
Free until:Jul 2110
Published:Jul 2023
License:Free with attribution

Styling and export

SVG Export Options

CSS DataURI Export Options

PNG File Export Options


more preloaders

No preloaders meet your query. Please simplify your search.

But wait, there's more...

You must be logged in for ALL ACCESS to the complete set of 24 preloaders—plus our premium library of SVG backgrounds, icons, blobs, and more.

Quickly customize unlimited graphics in unlimited projects without attribution.

Get All Access
spinning loading animation fading dots in circlemotion line making infinite symbolball in motion to right animationspinning gears animationspinning light around circle tube animation
Matt Visiwig Headshot

Hey, I'm Matt , the creator behind SVG Backgrounds. I produce free and paid resources every month, sign up for alerts.

Get freebies See latest releases