title: Display external SVG with <use> tag and href or xlink:href attribute?
body: <p>The SVG is not displayed correctly when it is loaded from <code>&lt;use&gt;</code> element. I've added an <code>&lt;img&gt;</code> element after it to illustrate the expected result:</p>
  <pre class="lang-xml prettyprint-override"><code>&lt;svg&gt;
    &lt;use xlink:href=&quot;file.svg&quot; href=&quot;file.svg&quot;&gt;&lt;/use&gt;
  &lt;/svg&gt;
  &lt;img src=&quot;file.svg&quot; /&gt;
  </code></pre>
  <p><strong>Current output:</strong></p>
  <p><a href="https://i.stack.imgur.com/BDlYo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BDlYo.png" alt="current output" /></a></p>
  <p><strong>Working fiddle:</strong>
  <a href="http://jsfiddle.net/0o4jtntL/57/" rel="nofollow noreferrer">demo</a></p>
  <p>Thanks to anyone who can point out my mistake.</p>