Favicon Generator
Create website favicon icons from any image.
What is a Favicon?
A favicon (favorite icon) is the small icon displayed in browser tabs, bookmarks, and history. It helps users identify your website quickly among many open tabs.
Recommended Favicon Sizes
- 16x16: Classic browser tab size.
- 32x32: Retina displays, Windows taskbar, Safari.
- 48x48: Windows desktop shortcuts.
- 180x180: Apple Touch Icon (iOS home screen).
- 512x512: Android Chrome, PWA splash screens.
How to Add Favicon to Your Website
Add these lines to your HTML <head>:
<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" href="/apple-touch-icon.png">
Best Practices
- Use a simple, recognizable design (logo or letter).
- Ensure high contrast for visibility at small sizes.
- Test on dark and light browser themes.