Favicon is not loading or showing after deploy

Help
1

no error is showing but the favicon is not showing after deployment, it was working fine in the local .

this is the source code -

2

Hi, @anuragbabu868-gmailc!

I believe that there are two issues here:

  1. The metadata configuration is looking for the icon in the wrong location
  2. For Next.js App Router, the favicon needs to be in the correct location

So, you’d need to:

  1. Move the favicon.ico file to the /app directory, as Next.js specifically looks for it there
  2. Removing the icons field from the metadata since we’re using the standard favicon.ico convention
  3. Next.js will automatically detect and use the favicon.ico file when it’s placed in the /app directory

After making these changes, your favicon should appear correctly in the browser tab. If you want to use your SVG logo as the favicon instead, you would need to place it in the correct location and update the metadata accordingly.

1 Like
3

thanks a lot, after placing the favicon in the app directory it was solved.

2 Likes
4

Great to hear! See you around in the community :sparkles:

1 Like
5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.