title: Why won't the SVG load in chrome extension?
body: <p>I am injecting some HTML into websites using a chrome extension. In that code I am including an SVG. But when I load websites I get </p>
  
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found) http://stackoverflow.com/questions/SVG/home-outline.svg
  </code></pre>
  
  <p>All of my svg files are in a folder called SVG. I am loading the SVG files with <code>"web_accessible_resources": ["SVG/*.svg"]</code> as I have loaded my other files. Why won't my image load?</p>
  
  <pre><code>&lt;span class="menu_T"&gt;
      &lt;button class="large_menu_button_T"&gt;
          &lt;img src="SVG/home-outline.svg"&gt;
      &lt;/button&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I get the same result when I try to add the svg through css background.</p>