SVG-Loaders

Loading icons and small animations built with pure SVG.

  • 所有者: SamHerbert/SVG-Loaders
  • 平台:
  • 許可證: MIT License
  • 分類:
  • 主題:
  • 喜歡:
    0
      比較:

Github星跟蹤圖

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

主要指標

概覽
名稱與所有者SamHerbert/SVG-Loaders
主編程語言HTML
編程語言HTML (語言數: 1)
平台
許可證MIT License
所有者活动
創建於2014-11-20 01:33:16
推送於2025-01-02 15:41:35
最后一次提交2025-01-02 10:41:35
發布數3
最新版本名稱v1.0.2 (發布於 )
第一版名稱v1.0.0 (發布於 2014-12-08 14:22:37)
用户参与
星數6.9k
關注者數130
派生數4.9k
提交數62
已啟用問題?
問題數12
打開的問題數5
拉請求數6
打開的拉請求數8
關閉的拉請求數2
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?