One of the advantages of using inline SVG (by Ajaxing in the sprites.svg file) is that the elements are styleable using pseudo class selectors eg ::hover and ::active. See here for examples:
It may be good to have an option to remove fills and strokes from all elements (although that does make generating PNG fallbacks a bit more problematic…), possibly by adapting SVGO plugin along these lines:
One of the advantages of using inline SVG (by Ajaxing in the
sprites.svg
file) is that the elements are styleable using pseudo class selectors eg::hover
and::active
. See here for examples:http://growdigital.org/test-ajax-svg-icons/
http://codepen.io/sol0mka/pen/80187d6000795e8cfd104486861a801e
It may be good to have an option to remove fills and strokes from all elements (although that does make generating PNG fallbacks a bit more problematic…), possibly by adapting SVGO plugin along these lines:
https://github.com/svg/svgo/blob/master/plugins/removeUselessStrokeAndFill.js