SVG-Loaders

WebJar for SVG-Loaders

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

svg-loaders
Last Version

Last Version

1.0.2
Release Date

Release Date

Type

Type

jar
Description

Description

SVG-Loaders
WebJar for SVG-Loaders
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/SamHerbert/SVG-Loaders

Download svg-loaders

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/svg-loaders/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>svg-loaders</artifactId>
    <version>1.0.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/svg-loaders/
implementation 'org.webjars.bower:svg-loaders:1.0.2'
// https://jarcasting.com/artifacts/org.webjars.bower/svg-loaders/
implementation ("org.webjars.bower:svg-loaders:1.0.2")
'org.webjars.bower:svg-loaders:jar:1.0.2'
<dependency org="org.webjars.bower" name="svg-loaders" rev="1.0.2">
  <artifact name="svg-loaders" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='svg-loaders', version='1.0.2')
)
libraryDependencies += "org.webjars.bower" % "svg-loaders" % "1.0.2"
[org.webjars.bower/svg-loaders "1.0.2"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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

Versions

Version
1.0.2