About Favicons
Favicons are small icons that appear in browser tabs, bookmarks, history, and on the home screen of mobile devices. A modern website needs multiple favicon sizes to work correctly across different platforms and contexts.
Required Sizes
16×16: Standard browser tab icon
32×32: Browser tab on Retina displays
180×180: Apple Touch Icon for iOS
192×192: Android and PWA icon
512×512: PWA splash screen
How to Implement
Place all generated files in the root of your website. Add the HTML tags to the head of your document. For PWAs, also create the site.webmanifest file with references to the Android icons.
Design Tips
Use a simple, recognizable square image. Avoid small details that won't be visible at 16×16 pixels. Solid colors and simple shapes work best. Test your favicon on different backgrounds (light and dark) to ensure good visibility.