title: SVG use tag with external reference in IE 11
body: <p>I want to include an inline svg in an html5 page that includes "use" tags that reference elements in a different svg file, referenced by URL. This is part of the SVG spec and works (as I've attempted it) in Chrome 33 and FireFox 27. It does not appear to work in IE 11.</p>
  
  <p>My question is: is there a way to do this (while still maintaining the external svg and not using javascript) that works in all three browsers?</p>
  
  <p>In the actual use case, the definitions are static, large, and shared between a number of pages and among multiple inline svgs on each page. I want the definitions downloaded once and cached and then used everywhere.</p>
  
  <p>I understand that it is possible to do this with javascript, but as this usage paradigm is an intended part of the SVG spec and supported by Chrome and FF, I am hoping that I can do it this way and that I'm just missing some detail of how IE wants the HTML or SVG.</p>
  
  <p>Here is my example HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;&lt;/head&gt;
  &lt;body&gt;
  &lt;svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100px" width="100px" xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;
  &lt;g externalResourcesRequired="true"&gt;
  &lt;use xlink:href="defs.svg#path-1" fill="#000000"&gt;&lt;/use&gt;
  &lt;use xlink:href="defs.svg#path-2" fill="#000000"&gt;&lt;/use&gt;
  &lt;/g&gt;
  &lt;/svg&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And here is the defs.svg file referenced above:</p>
  
  <pre><code>&lt;svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1"&gt;
  &lt;defs&gt;
  &lt;path d="M10,10L20,10L20,20L10,20" id="path-1"&gt;&lt;/path&gt;
  &lt;path d="M30,30L50,30L50,50L30,50" id="path-2"&gt;&lt;/path&gt;
  &lt;/defs&gt;
  &lt;/svg&gt;
  </code></pre>