icons not showing

[shubhs27]

the icons are not showing on the website after deploying to both netlify and vercel but showing on localhost

[vaishnavinakhate]

could you please describe the issue more, id like to work on it.

[shubhs27]

the icons are not loading after deploying the site on netlify but they were working correctly when running on local host. Rest all the functionality is working properly.

[Ray-817]

Hi @shubhs27 I've got the same problem! Have u find the solution yet? I check the devtool of chorme, at the sources plate there's no svgs files but the logo of forkify, just like your pic shows, only the logo of forkify appears.

[shubhs27]

Haven't found a solution :(

[akozdev]

Can you see any errors in the browser console?
After you build your project with npm run build locally, can you see the icons.svg file in the dist directory? Do the icons work if you open the app in the browser locally?

Can you also share your package.json file?

[Ray-817]

Hi @akozdev
When the application run on the netilify there's no errors in the browser console.(And no error when it run on the local host)
Yes, after running npm run build locally, there are svg files in the dist directory.

And the icons work perfectly on my localhost.
Here's my package.json file:

{
  "name": "forkify",
  "version": "1.0.0",
  "description": "Search over 1,000,000 recipes",
  "defult": "index.html",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "rmdir /s /q .parcel-cache && parcel index.html",
    "build": "rmdir /s /q .parcel-cache && parcel build index.html --dist-dir ./dist"
  },
  "author": "Ray",
  "license": "ISC",
  "devDependencies": {
    "@parcel/transformer-sass": "^2.13.3",
    "parcel": "^2.13.3",
    "parcel-transformer-svg-sprite": "^2.0.1",
    "sass": "^1.83.0",
    "svgo": "^3.3.2"
  },
  "dependencies": {
    "core-js": "^3.39.0",
    "fraction.js": "^5.2.1",
    "regenerator-runtime": "^0.14.1"
  }
}