title: Using SVG Shadow Root with external source
body: <p>In our project we are calling all the icons like this:</p>
  <pre><code>&lt;svg focusable=&quot;false&quot; aria-hidden=&quot;true&quot; class=&quot;icon icon--extra-small  &quot;&gt;
  &lt;use xlink:href=&quot;#icon-search&quot; href=&quot;#icon-search&quot;&gt;&lt;/use&gt;
  &lt;/svg&gt;
  </code></pre>
  <p>Right now we are loading all the icons in a hidden div at the footer of the document.</p>
  <p>Is there a way to use an external source for the svg <strong>without having to rewrite</strong> all the icons?</p>