SVG goes partially black when used with svg and use tags

[rctneil]

Hey,

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.

Any suggestions?

Thanks,
Neil

[Paulie_D]

Without seeing it in action we can’t really comment.

Could you make a Codepen.io example?

[Author]

Posts