SVG images displayed as broken images on server

Question

I'm encountering an odd problem showing .svg using simple img tags on Apache. On my local computer, the images are visible. On my mt VPS, the images come across as broken links. When I right click on a broken image link and 'Open Image', it shows the images correctly (telling me that the path is correct). My HTML looks like this: ``` <img width="32" height="32" alt="icon" id="create-wheel-icon2" src="public/assets/img/svg/idea_vect.svg" style="left: 230px; top: 57px; opacity: 1;"> ``` Any thoughts?

Accepted Answer

The info in link that Robert provided above worked for me:

.htaccess file with these rules:

```
AddType image/svg+xml svg svgz
AddEncoding gzip svgz
```

SVG images displayed as broken images on server

Solution

Problem