Skip to content
SVG Loading icons and animations
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
site-assets/images
svg-loaders
.gitignore
LICENSE
README.md
bower.json
index.html

README.md

svg-loaders

SVG Loading icons and animations

V1.1.0 Download: https://github.com/Revplit-team/svg-loaders/releases/download/v1.1.0/Source.code.zip

Demo

https://revplit.com/github/demos/svg-loaders-open-source/index

NOTE: Chrome 45 intended to deprecate SMIL icons but has since suspended that deprecation.

Usage

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

The color of an icon 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">

Browser support

Browser Version
Chrome Latest
Firefox Latest
Safari 11.1
Opera 50
IOS Safari 11.3
Andoid 5-6x WebView: Chromium 62
Blackberry Browser 10
Opera for Android 37
Chrome(Android) 64
Firefox(Android) 57
UC Browser(Android) 11.8
Samsung Internet 6.2
QQ Browser 1.2
Baidu Browser 7.12

Source: http://caniuse.com/#feat=svg-smil

Minify

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

Support

If you've any questions or suggestions you can contact us on: https://discord.gg/DCe3m7p

You can’t perform that action at this time.