Favicon is present

A missing favicon shows the browser's default blank-page icon in tabs, bookmarks, browser history, and pinned tabs — the site reads as unfinished next to every other tab the user has open. Chrome and Safari also render the blank icon in mobile tab switchers and Add-to-Home-Screen prompts. On shared devices and in screenshots, the missing brand mark makes your site indistinguishable from a localhost dev server.

In Next.js App Router, drop favicon.ico directly into app/ — it is picked up automatically with no <link> tag required. For additional sizes, add icon.png at 32x32 alongside it. For the Pages Router, place favicon.ico in public/ and wire it through <Head>. Generate a complete set of sizes via realfavicongenerator.net or favicon.io.

// app/layout.tsx
export const metadata = { icons: { icon: [{ url: '/favicon.ico' }, { url: '/icon.png', type: 'image/png', sizes: '32x32' }] } }