Icon are not visible in firefox

MMF-FE / svgicon

SVG icon components and tool set

https://mmf-fe.github.io/svgicon

MIT License

922 stars 95 forks source link

Icon are not visible in firefox #16

Closed fortael closed 7 years ago

fortael commented 7 years ago

I have a svg-logo before icon that i need. The problem is that i don't see the icon at all, it's just invisible. fill property not work. I have very strange behavior and this is how problem could be solved:

I can delete svg icon of logo, then i see
I can set same clip-path property.

So that mean clip-path works wrong here? And i'm here because i cannot do anything with clip-path in this plugin.

Allenice commented 7 years ago

Can you post an example here? @fortael

fortael commented 7 years ago

https://jsfiddle.net/u0t4tupu/4/ Here. Please try in latest firefox.

You can try remove first svg or change clip-path="url(#svgicon-a)" to clip-path="url(#svgicon-h)" on second one. All these icons in same vue instance.

fortael commented 7 years ago

@Allenice https://stackoverflow.com/questions/45394418/why-i-cannot-use-some-svg-in-firefox/45402455#45402455

Allenice commented 7 years ago

@fortael fixed! v1.2.2