Image url downloads the image instead of displaying it

Question

I just switched the site from my working files to the server.

It worked fine when I uploaded it to my portfolio but once it was on the correct domain it stopped work

Answer 1

try use <object data="/images/login_header.svg" type="image/svg+xml"></object> instead

Answer 2

Some browsers don't allow the IMG tag to support SVG files, you can however put it in an object with an image as fallback in case the browser fails to render.

<object data="image.svg" type="image/svg+xml">
  <img src="fallbackimage.jpg" />
</object>

Answer 3

Is your server sending the .svg file down with the correct MIME type? It should be image/svg+xml.

See Nginx offers of downoload SVG instead of showing it for another question along the same lines.