SVG not loading in browser

Question

Note, I'm using live-server extension; and this works normally but, with live-server extension not.

I'm just created new project folder and normally created index.html. And added default content:

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
</head>
<body>
    <header>
        <a href="/www.fusionflow.com/client/">
            <img src="./img/svg/logo.svg" alt="logo" class="logo">
        </a>
    </header>
</body>
</html>

And ./img/svg/logo.svg see here.

After these steps test in browser(Firefox 116.0.3 (64-bit)) normally and after this image not loaded, when I inspect page and browser says couldn't load image.

I tried open my SVG image with online tool or save with it to fix issues, it opened/save and replace my SVG with new SVG file. But, same it not opening in browser.

Just I want say the live-server not working for me now(one week ago it working properly), and did someone know how to fix that?

score 0 · Answer 1 · answered Aug 24 '23 at 08:03

0

Remove the dot in your image source.

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

answered Aug 24 '23 at 08:03

OfficialVysko

47
5

I tried but, not worked – display_name Aug 24 '23 at 09:16
Try it also without the first slash. "img/svg/logo.svg" – OfficialVysko Aug 24 '23 at 10:46
I solved it by putting the SVG code in the element and removing the element normally. – display_name Aug 24 '23 at 13:10

SVG not loading in browser

1 Answers1