Closed darsain closed 2 years ago
Hi @darsain, you can try to pipe your svgs through gulp-cheerio
and transform svg to introduce an extra <g>
around the content and move the style attributes there.
Then pipe the result through gulp-svgstore
I did that manually for the couple of icons in question, but for future, any ETA on the fix so I can decide whether to bother with cheerio, or is this a wontfix for some reason?
Closed via #110
I've encountered several icons now build like this:
When passed through svgstore, paths get put into symbol, but the
style
tag on the<svg>
is ignored, which results in wrong compound path rendering:If I just copy & paste the
style
tag onto the<symbol>
, it fixes the issue, but doing this manually is not realistic.I've tried re-saving the icon in inkscape, and it just converts the style properties into attributes, and puts them back on the
<svg>
again as:They again don't get transferred, resulting in the same rendering issue.
Seems like a common way to save svg files, so can this be fixed in here?
Or am I doing something wrong? Is there something I can do in the meantime?