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
- Add ICO or SVG and an Apple touch icon to your site; verify in a mobile simulator.