SVG symbols not being displayed in Firefox

Question

I\'m currently using SVG symbols to display icons. This works in IE, Chrome, and Safari but the icons don\'t show up in Firefox. There are lots of similar questions on Stack

Answer 1

on your jsfiddle, just remove on css part the block :

 </style>
    <base href="/">
    <style>

and your svg will show on firefox

Answer 2

The problem is:

<base href="/">

Remove that will work in the Firefox.