What are Favicons?
Favicons are small icons displayed in browser tabs, bookmarks, and mobile home screens. They help users identify your website visually and are an important part of your site's branding.
Required Favicon Sizes
| Size | Purpose |
|---|---|
| 16x16 | Browser tab icon |
| 32x32 | Windows taskbar |
| 180x180 | Apple Touch Icon |
| 192x192 | Android Chrome |
| 512x512 | PWA icon |
Implementation Guide
Add the following code to your HTML <head> section:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">