SamHerbert / SVG-Loaders
Loading icons and small animations built with pure SVG.
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing SamHerbert/SVG-Loaders in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Embed this Badge
Showcase RepoMind's analysis directly in your repository's README.
Repository Summary (README)
PreviewExample
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.