The solution is to add an XML namespace for the xlink prefix.

<svg viewBox="0 0 200 200" xmlns="" version="1.1" xmlns:xlink="">
 <symbol id="circ"><circle cx="100" cy="100" r="100"/></symbol>
 <use xlink:href="#circ"/>

Source: <href> in SVG | Parallel Transport

in SVG by Kartik PrabhuKartik Prabhu (
While creating an animated SVG logo for we ran into a strange problem where the SVG would display in some browsers and not in others. The issue is the different ways browsers handle XML — yes SVG is XML! So here is the problem and its solution.