The solution is to add an XML namespace for the
<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>
Source: <href> in SVG | Parallel Transport
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.
Phylo is a project that began as a reaction to the following nugget of information: Kids know more about Pokemon creatures than they do about real creatures*. We think there’s something wrong with that. Apparently, so do many others.
Certainly true in my house. Looking forward to playing this with Max when he gets older.
Phylo is: (1) a card game that makes use of the wonderful, complex, and inspiring things that inform the notion of biodiversity; (2) an exercise in crowd sourcing, open access, and open game development; and (3) FREAKIN’ AWESOME!