<href> in SVG | Parallel Transport

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

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/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 an authoran author (kartikprabhu.com)

While creating an animated SVG logo for indietech.rocks 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.

One response on “<href> in SVG | Parallel Transport”

Comments are closed.