GitHub - audreyfeldroy/favicon-cheat-sheet: Obsessive cheat sheet to favicon sizes/types.

Abstraction: Comprehensive reference for favicon file sizes, formats, and HTML markup

Key points:

• Modern minimal setup: favicon.ico (32x32), favicon.svg (scalable), apple-touch-icon.png (180x180), and manifest.json with 192x192 and 512x512 for PWA
• SVG favicons support automatic dark mode via prefers-color-scheme CSS media query embedded inside the SVG file
• .ico is a container for multiple PNG/BMP sizes; minimum include 16x16, 32x32, 48x48 for IE/Windows compatibility
• Safari 9-14 required a separate black-only mask-icon.svg for pinned tabs; Safari 15+ uses standard SVG favicon
• Full legacy support requires 15+ PNG sizes ranging from 57x57 (iPhone 1st gen) to 558x558 (Windows 8 large tile)

Connections: Github · Web Development · Browser Compatibility

Source: https://github.com/audreyr/favicon-cheat-sheet