title: Svg image element not displaying in Safari
body: <p>Safari browser (I'm testing under windows) seems having problem in displaying Svg Image element.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;h1&gt;My first SVG&lt;/h1&gt;
  
  &lt;img src="image.svg" /&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the content of the image.svg:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" standalone="no"?&gt;
  &lt;!-- Created with Inkscape (http://www.inkscape.org/) --&gt;
  &lt;svg
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
        &lt;rect x="50" y="50" width="100" height="100" style="fill:blue"&gt;&lt;/rect&gt;
        &lt;rect id="foo" x="50" y="150" width="500" height="500" style="fill:green"&gt;&lt;/rect&gt;
       &lt;image x="50" y="10" width="200" height="200" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="&gt;&lt;/image&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Is there any solution or workaround to make this work in Safari?</p>