Favicon is not loading or showing after deploy

Help
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.