title: Img with svg extension not showing in Safari (works in Chrome + Firefox)
body: <p>Currently have following code with an image source with an svg extension, works fine in Chrome and Firefox, image does not appear in Safari, even with the "onerror" added:</p>
  
  <pre><code> &lt;li&gt;&lt;img src="/assets/ResnateThickerSquare.svg", onerror="/assets/ResnateLiHome.png", onclick="home()", id="homeSquare"&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Assumed this was because of the svg extension, tried following advice from this stackoverflow question (<a href="https://stackoverflow.com/questions/4476526/do-i-use-img-object-or-embed-for-svg-files">Do I use &lt;img&gt;, &lt;object&gt;, or &lt;embed&gt; for SVG files?</a>) and rewrote the code as follows:</p>
  
  <pre><code>&lt;li&gt;&lt;object data="/assets/ResnateThickerHome.png" type="image/svg+xml", onclick="home()" , id="homeSquare"&gt;&lt;img src="/assets/ResnateLiHome.png"&gt;&lt;/object&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Again, it worked in Chrome + Firefox, but not Safari. Should I be eschewing img and object for an svg tag as per this question: <a href="https://stackoverflow.com/questions/20609997/svg-with-image-inside-is-not-showing-in-safari">Svg with image inside is not showing in safari</a> (I was under the impression that the tag was reserved for svg polygons and not imgs?)?</p>