SVG-Loaders

Loading icons and small animations built with pure SVG.

  • Owner: SamHerbert/SVG-Loaders
  • Platform:
  • License:: MIT License
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

Example

All loaders may be previewed at:

http://samherbert.net/svg-loaders

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

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.

Adaptations

React components by ajwann

Main metrics

Overview
Name With OwnerSamHerbert/SVG-Loaders
Primary LanguageHTML
Program languageHTML (Language Count: 1)
Platform
License:MIT License
所有者活动
Created At2014-11-20 01:33:16
Pushed At2025-01-02 15:41:35
Last Commit At2025-01-02 10:41:35
Release Count3
Last Release Namev1.0.2 (Posted on )
First Release Namev1.0.0 (Posted on 2014-12-08 14:22:37)
用户参与
Stargazers Count6.9k
Watchers Count130
Fork Count4.9k
Commits Count62
Has Issues Enabled
Issues Count12
Issue Open Count5
Pull Requests Count6
Pull Requests Open Count8
Pull Requests Close Count2
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private