Guides

Plain-English guides to modern favicons in 2026. The five files that actually matter, how SVG favicons replace the old PNG sprawl, the right Apple touch icon size, what belongs in site.webmanifest, and how to ship a dark-mode favicon with one media query.

Short, opinionated, no legacy cruft, no 32-file install snippets. If you need the actual files, drop your SVG into Faviconry and the modern set generates in your browser.

Apple touch icon, the current spec One PNG at 180 by 180, no transparency, no pre-rounded corners. That is the modern Apple touch icon, and this is how the browser, home screen, and Safari pinned tabs actually use it.
Dark mode favicons with one SVG and one media query Make your favicon adapt to the user's system theme without JavaScript, without a second file, using the media query support built into SVG.
Every favicon size you actually need in 2026 The real list of favicon sizes modern browsers and operating systems request today. Five files cover every device. The rest is cargo cult.
site.webmanifest explained, every field you actually need The minimal web app manifest that makes your site installable on Android and Chrome desktop, field by field, without the legacy cruft.
SVG favicons, the 2026 playbook Why SVG is the primary favicon format in every modern browser, how browsers pick between formats, and the two lines of HTML that cover every device shipping today.