SVG Loaders – Loading icons and small animations built purely in SVG

      

SVG Loaders is a set of Loading icons and small animations built purely in SVG, no CSS or JS.

Usage

Download or bower install svg-loaders

<img src="svg-loaders/puff.svg" />

An icon’s color can be manipulated by changing the fill attribute in the SVG file.

<svg fill="#fff" width="140" height="64" viewBox="0 0 140 64" xmlns="http://www.w3.org/2000/svg">

svg-loader

All SVG files are fairly small in size, but you can make them even smaller by minifying with something like SVGO.

Demo    GitHub