Question

I’m trying to set a “.svg” image as background-image using css, but it is not working. The url is valid and returns 200 status code and works on “.png” images.

What is the problem?

Answer 1

Your IIS is most likely not configured with SVG as a content type, try adding

<staticContent>
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>

inside the <system.webServer> scope of your web.config.

This will of course only work if your application is the one serving up the svg. If the svg is not contained inside your application but in a separate directory of the web server, you’ll need to add the same mapping to your web server instead inside the “mime-types” tab.