All loaders may be previewed at:
NOTE: Chrome 45 has deprecated the use of SMIL animations
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">
Note: Not all browsers support SVG, or more specifically, animated SVGs. Check (http://caniuse.com/#feat=svg-smil) to make sure you're good to go. If not, you may want to implement a fallback.
All SVG files are fairly small in size, but you can make them even smaller by minifying with something like SVGO.