SVG still not appearing after adding mime type

Question

I am trying to display an svg image.

When I display the svg image with the below code is does not display.

<img src="/img/logo.svg" alt="Logo">

I also tried this syntax, but then it downloads instead of displaying.

<embed type="image/svg+xml" src="/img/logo.svg" />

I have already set the mime type to image/svg+xml in web.config.

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

It appears to be seeing the file type as application/octet-stream even though I have defined it at image/svg+xml. I am running and ASP.NET site with IIS 7.

score 0 · Answer 1 · answered Jul 13 '15 at 04:59

0

I recently ran into this problem and my web.config syntax for the mime type looks slightly different to yours.

This:

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

is all I added and it fixed the problem. Hope it helps!

answered Jul 13 '15 at 04:59

Ryan Pousson

11
3

1

I tried your code so that the fileExtension excluded the period, but that did not fix the issue. – user2928262 Jul 13 '15 at 15:09
I also tried this but it didn't worked. – Abhi Jun 28 '22 at 05:52

score 0 · Answer 2 · answered Oct 18 '16 at 14:21

Add the following to your web config:

    <system.webServer>
    <staticContent>
      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    </staticContent>
        <handlers>
            <add name="SVG Handler" path="*.svg" verb="*" modules="StaticFileModule,DefaultDocumentModule,DirectoryListingModule" resourceType="Unspecified" />
        </handlers>
  </system.webServer>

score -1 · Answer 3 · answered May 18 '16 at 08:47

-1

If you have access to .htaccess file (at the root), add this line of code:

AddType image/svg+xml .svg .svgz

answered May 18 '16 at 08:47

Alessio

3,404
19
35
48

SVG still not appearing after adding mime type

3 Answers3