title: Chrome is not loading SVG File as image/svg+xml
body: <p>I have a <strong>SharePoint</strong> web page that references a <strong>SVG file stored in the RootFolder of a SharePoint list</strong> inside the img tag:</p>
  
  <pre><code>&lt;img src='http://localhost/Lists/MyList/1/1.svg' type='image/svg+xml' /&gt;
  </code></pre>
  
  <p>The image is rendered correctly in IE9 on the desktop as well as on iOS devices (Safari). However, in Chrome on Windows (I am using v14 at the moment) it fails to display. It instead renders the broken image icon.</p>
  
  <p>The networking tab in Chrome reveals that the file 1.svg is <strong>downloaded as application/octet-stream</strong> (and hence the incorrect rendering). What do I need to change so that <strong>Chrome is recognizing the MIME type correctly</strong> (as specified in the tag)? Could it be a bug in Chrome (as suggested in <a href="https://stackoverflow.com/questions/5065887/html5-loading-an-svg-in-an-img-chrome-warning">this SO answer</a>)? If so, is there a work-around to load the SVG file in another way (e.g., embed tag maybe)?</p>
  
  <p>Note that IE's debugger (F12) correctly identifies the type as <strong>image/svg+xml</strong> and hence renders the image as expected.</p>
  
  <p><strong>Edit:</strong> Since it appears to be a server-side issue (thanks @robertc) I have added the fact that the file is served by SharePoint, suspecting that SharePoint might not recognize the MIME type.</p>