adam149 / SVG-Loaders

Loading icons and small animations built purely in SVG, no CSS or JS.

Home Page:http://samherbert.net/svg-loaders

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Example

All loaders may be previewed at:

http://samherbert.net/svg-loaders

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">

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.

Minify

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

About

Loading icons and small animations built purely in SVG, no CSS or JS.

http://samherbert.net/svg-loaders

License:MIT License


Languages

Language:HTML 100.0%