title: SVG with <use> tag not visible
body: <p>I'm relatively new to SVGs and I've been exploring the various ways to present them in-line. Each seems to have its own pros and cons, but the <code>&lt;svg&gt;</code> element itself seems to have the biggest drawback - it doesn't render!</p>
  <p>My code is very simple (referencing a public URL SVG):</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
      &lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot;&gt;
          &lt;use xlink:href=&quot;https://svgshare.com/i/7q9.svg&quot;&gt;&lt;/use&gt;
      &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>
  <p>To make sure the SVG itself works using other tags, I created the following jsFiddle: <a href="http://jsfiddle.net/dykv8swr/24/" rel="nofollow noreferrer">http://jsfiddle.net/dykv8swr/24/</a>.</p>
  <p>What am I missing?</p>
  <p>BONUS: As a secondary question - the <code>fill:currentColor</code> doesn't seem to work on any SVG type, can't seem to figure that out either.</p>
  <p>Thanks in advance.</p>