Next.js · Junior · Question 54 of 75

How do you set the site favicon in the App Router?

✓Correct answer: Place favicon.ico (or icon.png) in the app/ folder - Next.js adds the <link> tags automatically
2Add <link rel="icon"> manually to every page
3Set favicon in next.config.ts

Explanation

Icon files are metadata file conventions. icon and apple-icon can also be generated in code with icon.tsx.

Further reading

Next.js: favicon, icon, and apple-icon ↗

Test yourself

Take the Next.js · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.