title: Trying to use svg sprites
body: <p>Does not work SVG sprites on my template. I google it a lot but found solutions did not work for me.</p>
  
  <p>when I use:</p>
  
  <pre><code>&lt;svg&gt;
     &lt;use xlink:href="icons.svg#icon"&gt;&lt;/use&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>browser shows 'shadow-root closed'</p>
  
  <p>when I trying to use SVG as inline, g tag inside SVG tag moves far away from parent SVG tag.</p>
  
  <p>How to make my SVG file is useful?</p>
  
  <p>My svg file > <a href="https://codepen.io/anon/pen/xMmVGd" rel="nofollow noreferrer">Codepen</a></p>