Default or Missing Favicon

Detects if the site is using the default Next.js/Vercel favicon.

Why This Is Bad

You still have the default Vercel/Next.js logo. It screams 'I am a beginner' and hurts brand recognition.

How To Fix

Replace the default favicon with your own:

1. Create your favicon (32x32 .ico or .png) 2. Place it in the app folder:

code

app/
├── favicon.ico    // Your custom favicon
├── icon.png       // Optional: Higher res icon
├── apple-icon.png // Optional: Apple touch icon
└── layout.tsx

Or configure in metadata:

typescript

export const metadata: Metadata = {
  icons: {
    icon: '/favicon.ico',
    shortcut: '/favicon-16x16.png',
    apple: '/apple-touch-icon.png',
  },
};

When You Pass This Check

Custom favicon detected. Your branding is on point!

Check If Your Repo Has This Issue

Our free scanner will detect this and 17 other common issues in your codebase.