samherbert / svg-loaders Goto Github PK

First let me start with saying how awesome these loaders are. Well done 👍

But I can't really find use for this loaders. SVG animations only really start to animate once everything is loaded, so they can't really be used as a preloader indicator. Any ideas how I can get around this?\

Thanks,
Paul

Hi Sam,

May i convert SVG-Loaders to react component ? and i will publish to github ?

BGD
Safei Muslim

Very nice loaders!

They don't animate in Firfox for now. ;)

https://github.com/SamHerbert/SVG-Loaders/blob/master/LICENSE.md

There are missing some data in License file

I have used your beautiful svg in my first WordPress plugin, it is free and I want to tag you , wondering how can I do that.
https://wordpress.org/plugins/matrix-pre-loader/

SMIL is deprecated and should be replaced with CSS animation.

I frankly don't know how SVG works but I was wondering since I'm using Bower to include the plugin, and then I'm ignoring the script's folder in Git, I can't change the fill color in the SVG file itself (it won't be pushed with the git commit). I was wondering if I can change the fill from the call, add something like

<img src="/vendor/svg-loaders/svg-loaders/bars.svg" width="40" alt="" fill="#222" >

Maybe a suggestion for a new loader, the material design circle loader. Something like http://codepen.io/gaffareljeremie/pen/owjhF

Hi @SamHerbert ,

I've forked your repository and am looking to include dark versions (#fff replaced with #000) for all the svg files, as these work great on webpages with white or lighter backgrounds (like the one I am working on right now).

If you would like, I can submit a pull request for this and maybe even include a switch on the index.html page to flip to dark versions so users are aware they exist. What do you think?

I know it's kind of duplicating things unnecessarily, but it would be really handy for the bower users out there.

If you aren't happy with that I can create a bash script that 'builds' the dark versions by taking the white version, using something like sed and replacing #FFF with #000 in them so when you make changes to the white versions you can simply run the script to build/update the dark versions.

Bower is deprecated, would love to use this from npm

Hello Sam,

Thank you for the lovely SVG icons.

Quick question - wondering why you have some fill / stroke attributes are on the root SVG tag instead of being in a nested group ? .

In the following code I moved stroke="#fff" to the group ( from rings.svg ) and it works a treat:

For other loaders ( like the grid ) - the fill="#fff" could be part of a nested group .

Anyway - I was just wondering - as I am importing / loading the loaders into another SVG canvas and that is causing issues. I am quite happy changing your wonderful loaders to suit my needs - but I was wondering if there was a reason.

Best