Pure CSS Loader - Optimized Spinners for Web · Loading.io
{{n.message}}





Pure CSS Loaders


open sourced css loading animations dedicated for speed, simplicity and dev-friendly.
< 1KB per icon before minimized.




Download All
 Check it on Github
 More Spinners

How to Use?

  • Click the loader you want
  • Copy CSS to your css file
  • Copy HTML to where you need a loader
  • Done
source
source
source
source
source
source
source
source
source
source
source
source



Compatibility

Loading.io's CSS spinner uses CSS Animation, which is wildly supported by all modern browsers such as Google Chrome and Mozilla Firefox. However, Microsoft Internet Explorer version earlier than 10 don't support CSS Animation.

To support older IE, you have to use GIF format image. Choose one from loading.io's online spinner gallery and you can customize an unique loader GIF with our icon editor easily.

Some older browsers need prefix like '-webkit-' to use CSS Animation. To minimize file size, we omitted all vendor prefix in loaders' CSS, but you can customize this by building CSS from source. See README.md in the repo for more information.





License

All 12 CSS loading icons provided in this page are released under CC0 License, so just use it freely! We also provide advanced license and editor for premium loaders and animated icons, don't forget to check it out :)







css
html
Sign Into Loading.io
SIGNUPLOGIN
or login with
Newcomer here? Sign up »Already a member? Sign In »