The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › SVG goes partially black when used with svg and use tags
I’ve just installed Grunt and grunt-svgstore and am using it to compile my folder of SVG’s into one application.svg where each icon has a unique id that I can reference using:
<svg><use xlink:href=”#shape-ruby-logo” /></svg>
It works fine for some icons, but for others, part of their shapes turn black. In the case of the ruby logo I am linking to above, it shows like: http://cl.ly/image/0X2J0f3i0C1X/Screen%20Shot%202014-08-03%20at%2011.02.47.png
If I open the ruby-logo.svg file in illustrator, it looks fine. I have rexported it, ensured all settings are correct and it still happens.
Without seeing it in action we can’t really comment.
Could you make a Codepen.io example?