title: SVG not showing up with use xlink, only with img src -
body: <p>This works:</p>
  <pre><code>&lt;img src=&quot;img/home/icon.svg&quot; alt=&quot;one&quot; class=&quot;trysvg&quot;&gt;
  </code></pre>
  <p>This doesn't work:</p>
  <pre><code>&lt;svg&gt;
      &lt;use xlink:href=&quot;img/home/icon.svg&quot; class=&quot;trysvg&quot;&gt;&lt;/use&gt;
  &lt;/svg&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>.trysvg {
      //position: relative;
      //display: block;
      //color:black;
      height: 20rem;
      width: 20rem;
  }
  </code></pre>
  <p>When checking dev tools and trying it with use svg it shows shadow-root (closed). Tried to search, but couldn't come up with any solution. SVG icon is from reliable source - downloaded, so there shouldn't be a problem with svg code. Any ideas?</p>
  <p>edit: I also tried to put class on the &lt; svg class... &gt;, was still not working and also put class on &lt; svg class... &gt; + &lt; use class.. &gt; and still nothing.</p>
  <p>edit2: when I use href instead of xlink href the problem remains..</p>