SVG icons not showing after deploying web app

[Naka_Obie]

I am having an issue, SVGs aren’t showing at all on the deployed website, even an image called generic poster that supposed to show if the poster image is not available doesn’t show. The files are in the dist folder, and I checked the console, and it’s there, but it is behaving as if the path isn’t there, like it is empty. I haven’t seen any warning or errors.

My netlify site name is ‘mymovielist-naka.netlify.app’.

https://mymovielist-naka.netlify.app

I am using an SVG sprite file and parcel, I don’t know if that plays a role to the problem yet. Also, using JS, HTML & SASS and it is a single-page application. It works fine in Visual Studio Code but when deployed this happens.

I have the deployed files here and it shows that sprite file is there

I checked the console and you can see the jpg that I used for the logo shows

while the svg file doesn’t

This is how the sprite and SVG looks in Visual Studio Code before I build it.

[nathanmartin]

@Naka_Obie This is unlikely to be related to Netlify.

Have you tried running your build command locally, and then checking the output?
(I don’t mean your development command, I mean your actual build command, same as on Netlify)

You should see precisely the same thing as on Netlify, which will help you debug it.

Loading the sprite directly seems to show it as empty:
https://mymovielist-naka.netlify.app/sprite.c5b0f01c.svg

While your jpg generic poster is fine:
https://mymovielist-naka.netlify.app/generic-poster.059a9ae4.jpg

[Naka_Obie]

Just did that right now with live server and you are right, it is not a Netlify problem. I will keep troubleshooting and see what happens. Thanks @nathanmartin.