Favicon resources
Everything you need to create, add and troubleshoot a website icon — guides, size charts and quick fixes, all free.
What is a favicon?
The meaning and purpose of a favicon, where it appears, and why it matters for branding and trust.
FormatsICO vs PNG favicon
Which format to use, browser support, sharpness and transparency — with a comparison table.
FormatsSVG favicon
Why vector icons stay sharp at any size, how to add one, and how to make it dark-mode aware.
Quick winEmoji favicon
Use an emoji as your icon with a single line of SVG — no image editing needed.
ReferenceFavicon size guide
Every size that matters (16 to 512) and the exact HTML tags to add to your site.
ReferencePWA icons
Required sizes, the web app manifest, maskable icons and common install mistakes.
How-toHow to add a favicon
Four quick steps for static sites and the notes for Next.js, Vite and WordPress.
TroubleshootingFavicon not showing?
The five causes and fixes: cache, wrong path, non-square art, bad format, conflicting tags.
ReferenceFavicon FAQ
Short answers to the most common favicon questions in one place.
How-toApple touch icon
The correct 180×180 size, the link tag, and fixes for black boxes and blurry icons on iOS.
Referencesite.webmanifest
PWA icons, maskable icons and the manifest fields that make a site installable.