HTML - Favicon

Overview

Estimated time: 10–15 minutes

Favicons help users recognize your site in tabs, bookmarks, and pinned shortcuts.

Examples

<link rel="icon" href='/favicon.ico' sizes="any">
<link rel="icon" type="image/svg+xml" href='/icon.svg'>
<link rel="apple-touch-icon" href='/apple-touch-icon.png'>

Common Pitfalls

  • Missing high-resolution icons for mobile devices.
  • Providing only PNG without an ICO/SVG fallback.

Exercises

  1. Add ICO or SVG and an Apple touch icon to your site; verify in a mobile simulator.