title: SVG icons show broken image when inserted via a URL
body: <p>I've created a simple <strong><em>img</em></strong> tag and set its <em>src</em> to a url as shown below:</p>
  
  <pre><code>&lt;img className={"componentImageContainer thumbnailIcon"}
     src="https://componentscendeveussa01.blob..../SVGLogo.svg" /&gt;
  </code></pre>
  
  <p>This method works fine for all filetypes (png, jpegs, jpgs, bmp) and I'm certain there is no issue in the rendering process as it shows the SVG perfectly if a local path is used. Also, there is no issue with the url because not only are they present in the database but also can be downloaded but putting the url in the browser address bar.
   I have tried <em>object</em> tag, setting source via backround-image property in css and checking the content-type that is set in the response headers. It is of type application/octet-stream (same as all other file types). What could then be the reason that a broken image is shown whenever an SVG is fetched.</p>