Why your favicon isn’t showing up (and how to fix it)
Favicon not showing in Chrome, Safari or Google Search? Work through the likely causes in order: missing files, wrong sizes, cache, CDN and recrawl delays.
Favicon blog
Favicon tips, size guides and step-by-step how-tos — for React, Next.js and every other stack — plus news from the EasyFaviconGenerator project. Subscribe with RSS or by newsletter.
Maskable Android icons: manifest sizes that don't crop
site.webmanifest icons: the 192 and 512 sizes, maskable vs any purpose, the 80% safe zone, and how to test Android icons before they get cropped.
How to add a favicon to WordPress (Site Icon and full set)
Add a favicon to WordPress two ways: the built-in Site Icon for a fast result, or the complete SVG, PNG, ICO and manifest package for every platform.
Apple Touch Icon: size, design and HTML for iOS
Apple Touch Icon explained: use one opaque 180×180 PNG, declare it correctly, design for the iOS mask, and test Add to Home Screen on a real device.
Add a favicon to Shopify, Wix or Squarespace
Add a favicon on Shopify, Wix and Squarespace: where each setting lives, the image to upload, what each platform cannot do, and how to check the result.
Favicon sizes and formats cheat sheet (ICO, PNG, SVG)
Which favicon sizes and formats do you need in 2026? ICO vs PNG vs SVG, the 96x96, 180x180, 192x192 and 512x512 files that matter, and what you can safely skip.
Make a favicon from text, a letter or an emoji
No logo? A bold letter, monogram or emoji on a strong background makes an excellent favicon. Design rules, colour and font choices, and the full package.
Coding agents can place a favicon, but can't see it
AI coding agents place favicon files correctly, but cannot judge the black iOS square, Android mask crop or 16-pixel legibility. How to check their work.
PNG vs ICO vs SVG favicon: which formats do you need?
PNG vs ICO vs SVG favicons compared: scaling, transparency, dark mode, file size and browser support — and why a modern site ships all three, in five files.
SVG favicon dark mode: setup, Safari limits and fallbacks
Make one SVG favicon adapt to dark mode with prefers-color-scheme, then back it with PNG, ICO, Apple Touch and manifest icons for every platform.
How to create an SVG favicon
Create an SVG favicon from vector artwork or a PNG logo: viewBox file, dark-mode variant, 16-pixel checks, and fallbacks Safari and phones need.
The state of the favicon in 2026: what to ship
In 2026 a complete favicon is five files: an adaptive SVG, a 96×96 PNG, a root ICO, a 180×180 Apple Touch Icon and 192/512 manifest icons. What to retire.
Is the Apple Touch Icon still 180×180? Yes
Yes — the Apple Touch Icon is still an opaque 180×180 PNG. The points-and-scale maths, what larger files do, and the iPad sizes to know.
Create a favicon from an image URL with /by-url
Paste an image URL into the generator — or open /by-url?url=… — and edit your logo as a favicon. Formats, the 6 MB limit, privacy and common errors.
Why favicon privacy matters: no upload needed
Favicons are often made from an unreleased logo, so uploading it to resize it is a needless risk. How this generator works in-browser — and its exceptions.
How to set up a favicon in React (Vite and CRA)
Add a favicon to React with Vite or Create React App: the files you need, where they go, index.html markup, base paths, manifest icons and cache fixes.
Windows Metro and MacBook Touch Bar icons discontinued
Windows Metro tiles and the Safari mask icon left the default favicon package on 16 October 2024. Why both were retired upstream, and when to still enable them.
How to properly add a favicon in Next.js (App Router)
Add a favicon in Next.js App Router: app/favicon.ico, icon and apple-icon conventions, the web app manifest, metadata.icons and what belongs in public/.
Favicon editor: preview icons in tabs and Google
Preview your favicon live in light and dark browser tabs and Google results, tune backgrounds, margins and the dark icon, and check it before downloading.
How Android Chrome scales down icons
Chrome picks a web app manifest icon and scales it for the launcher. Why starting large helps, what scaling cannot fix, and why the maskable safe zone matters.
How iOS scales the Apple Touch icon
iOS scales, masks and composites your Apple Touch Icon for the home screen. Why one opaque 180×180 PNG still suffices, and the design rules scaling imposes.