Practical guides for getting a favicon right: which files you need, how to add them on your platform, and how to fix one that will not show. Each guide is checked against current browser behaviour and the files our generator actually produces, and gets an "Updated" date when it changes.
Which files a site needs, at which sizes, and how to design an icon that reads at 16 px.
When to use ICO, PNG and SVG, and how to make an SVG favicon that adapts to dark mode.
Step-by-step setup for HTML, frameworks, WordPress, Shopify and phone home screens.
Missing icon, old icon stuck in cache, or no icon in Google results.
Deep-dive guides on favicon sizes, formats, dark mode, platform setup, and troubleshooting — updated for 2026.
Works in your browser, missing or outdated in Google? The requirements Google applies, five checks that find what blocks its crawler, and how to get the icon re-crawled.
The standard favicon size is 32×32, but a complete set needs five sizes. A cheat sheet of every size, what uses it, which legacy sizes to skip, and the HTML to ship them.
Missing icon, old icon that will not go away, or an icon only on the homepage — each has a different cause. A diagnosis order with the commands and fixes for each one.
The 180×180 Apple touch icon, the 192 and 512 Android Chrome icons, maskable safe zones, and the manifest settings behind blurry, cropped or black home-screen icons.
SVG favicons scale perfectly on any screen, support dark mode automatically, and replace 6+ PNG files with one. Learn why SVG is the 2026 standard and how to implement it.
No logo yet? A letter or two on a strong colour is one of the most readable favicons there is. The rules that keep text sharp at 16 px, six worked examples, and a free generator.
Not all favicon generators produce the same output. A practical checklist — output formats, ICO layering, PWA manifest support, and privacy — for evaluating any favicon tool.
The complete favicon best practices guide: SVG-first format stack, dark mode support, correct HTML implementation, sizes that matter, and a testing checklist for every browser.
ICO, PNG and SVG each do a different job. Browser support, dark mode, file size, where each format is actually used, and the HTML for a setup that works everywhere.
Create a professional favicon in seconds — text, image, emoji, or icon library. No sign-up needed.
Create Favicon Free →