title: Unsafe attempt to load URL svg
body: <p>I am getting an error in Chrome from trying to load an SVG on my local file system:</p>
  
  <blockquote>
    <p>Unsafe attempt to load URL file:///C:/Users/Me/Documents/HTML/icons.svg#menu from frame with URL file:///C:/Users/Me/Documents/HTML/master.html. Domains, protocols and ports must match.</p>
  </blockquote>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;svg id="icon-menu" viewBox="0 0 70 60"&gt;
     &lt;use xlink:href="icons.svg#menu"&gt;&lt;/use&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>and the SVG:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8" standalone="no"?&gt;
  &lt;svg
     xmlns:svg="http://www.w3.org/2000/svg"
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 70 70"&gt;
    &lt;g
       id="menu"&gt;
      &lt;path
         d="m 10,15 50,0"
         style="fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;" /&gt;
      &lt;path
         d="m 10,30 50,0"
         style="fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;" /&gt;
      &lt;path
         d="m 10,45 50,0"
         style="fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;" /&gt;
    &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>I have searched around the internet, but the only solutions I can find are for code already written in JavaScript, but this is not. The HTML above does not work in IE, giving no error, but works without a hitch in Firefox.</p>