SEO
Favicon
The small icon shown in browser tabs. Missing = 404 errors on every page load + blank tab icon.
low severityWhat is this?
A favicon is the small icon shown in the browser tab next to your page title. Every browser requests /favicon.ico automatically on every page load, even if you don't link to it. If it's missing, you get a 404 error in your server logs on every visit.
<link rel="icon" href="/favicon.ico"> <!-- Or SVG, which scales better: --> <link rel="icon" href="/favicon.svg" type="image/svg+xml">
Why it matters
- 404 error on every page load pollutes your server logs and analytics
- Blank tab looks unfinished - a small but visible signal of quality
- Users with many tabs rely on favicons to identify tabs - blank icons are confusing
How to fix it
- Create a 32×32 PNG (or SVG for best results)
- Save as
favicon.icoorfavicon.svgin your public directory - Add to your
<head>:<link rel="icon" href="/favicon.ico">
Providers & tools
Quick favicon creation:
- favicon.io - generate from text, emoji, or image; free
- realfavicongenerator.net - generates all sizes for all platforms
- Figma - design a 32×32 icon, export as PNG
For best compatibility, use both an SVG (for modern browsers) and a PNG fallback:
<link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" href="/favicon.png" type="image/png">
Check if your domain has this issue