jbenguira / SVG-Loaders Public

forked from SamHerbert/SVG-Loaders

Notifications You must be signed in to change notification settings
Fork 0
Star 0

Loading icons and small animations built with pure SVG.

samherbert.net/svg-loaders

MIT license

0 stars 4.9k forks Branches Tags Activity

Star

Notifications

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 37 Commits
site-assets/images		site-assets/images
svg-loaders		svg-loaders
.gitignore		.gitignore
LICENSE.md		LICENSE.md
README.md		README.md
bower.json		bower.json
index.html		index.html

Repository files navigation

Check out an example of all the loaders:

http://samherbert.net/svg-loaders

Usage

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