CODEWITHSUNDEEP
imagesvg
Holicz
Holicz

Reputation: 490

Svg doesn't show

I used this temaplte for my web. I edited it and it was be ok at my localhost. I uploaded it to hosting and arrows in .svg doesn't show. Here is source code:

HTML:

<a href="#one" class="button style2 down">More</a>

CSS:

.dark .button.style2.down {
                background-image: url('images/dark-arrow.svg');
            }

SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="36px" viewBox="0 0 36 36" zoomAndPan="disable" preserveAspectRatio="none">
<style type="text/css"><![CDATA[ line { stroke: #fff; stroke-width: 1; } ]]></style>
<line x1="0" y1="18" x2="18" y2="36" />
<line x1="36" y1="18" x2="18" y2="36" />
<line x1="18" y1="36" x2="18" y2="0" />

Upvotes: 1

Views: 1118

Answers (1)

Paul LeBeau
Paul LeBeau

Reputation: 101938

Check that your webhost is returning the right MIME type for SVG. It should be "image/svg+xml".

You can check by looking at the request using the Network tab in Firebug or your browser developer tools.

Upvotes: 1

Related Questions