Skip to main content

Favicon — Blog

Create, size, test and debug favicons across browsers, devices and frameworks.

Apple Touch Icon Size Guide (180x180)

Apple touch icon size for iOS home screen: 180x180 PNG, HTML tag, no transparency tricks, and how to test on a live URL.

Tom Schindler

Favicon Looks Blurry? Fix Pixelation

Blurry favicon in browser tabs or on mobile? Fix wrong sizes, upscaled sources, bad exports, and compression with a step-by-step guide.

Tom Schindler

Favicon Not Showing in Browser? Fix It

Your favicon missing in Chrome, Firefox, or Safari? Fix broken paths, HTML tags, HTTPS issues, and cache in a step-by-step guide.

Tom Schindler

Chrome Tab Icon Missing? Troubleshooting Guide

No favicon in Chrome tabs? Fix missing icons from broken paths, cache, extensions, and JavaScript-only tags step by step.

Tom Schindler

Favicon Audit Checklist for Developers (2026)

Developer favicon audit checklist: HTML tags, ICO fallback, Apple Touch Icon, manifest, cache, and production URL scan.

Tom Schindler

Favicon Cache Explained - Why Browsers Keep the Old Icon

Changed your favicon but the tab still shows the old one? Learn how browser favicon cache works and how to bust it safely after deploy.

Tom Schindler

What Is a Favicon Checker? Complete Guide

A favicon checker scans your live URL for icon link tags, favicon.ico, manifest icons, and broken paths. Learn what to look for and how to use Favicon Check.

Tom Schindler

favicon.ico vs PNG vs SVG - Which to Use?

favicon.ico vs PNG vs SVG compared: browser support, multi-size ICO, SVG fallbacks, and the best format mix for 2026.

Tom Schindler

Favicon HTML Link Tags Example (Copy-Paste)

Copy-paste favicon HTML for ICO, PNG, SVG, apple-touch-icon, and web manifest. Root-relative paths, order, and a full head block for 2026.

Tom Schindler

Common Favicon Mistakes That Break Your Brand

Wrong sizes, missing manifest links, relative paths, and blurry PNGs - fix the favicon mistakes that make your site look unfinished in tabs and on phones.

Tom Schindler

Favicon in Next.js App Router (2026 Guide)

Add favicons in Next.js 13+ App Router: app/icon.png, metadata API, favicon.ico, and apple-icon. Test before deploy.

Tom Schindler

Favicon Not Updating After Change? Here's Why

Changed your favicon but the browser still shows the old icon? Fix cache, CDN, filename, and cache-busting with this step-by-step guide.

Tom Schindler

Best Favicon Size for Browser Tabs (16x16 vs 32x32)

Which favicon size for browser tabs? 16x16, 32x32, favicon.ico multi-size, and Retina tabs explained with copy-paste HTML.

Tom Schindler

Favicon in Vite and React SPA (2026 Guide)

Add favicons to Vite + React: index.html link tags, public folder, PWA manifest, and SPA routing pitfalls. Test before deploy.

Tom Schindler

Favicon vs Open Graph Image - What You Need

Favicon vs og:image explained: different sizes, tags, and use cases. What to ship for browser tabs vs social link previews.

Tom Schindler