Favicon Generator
Create favicons in multiple formats from text, emoji, or images
Enter text or emoji to see preview
Quick examples:
How to Use Your Favicon
1. Download Your Favicons
Recommended minimal setup:
- 32×32 PNG - Rename to favicon.png (most common)
- SVG - Rename to favicon.svg (modern browsers, scalable)
Optional (for better coverage):
- 16×16 PNG - Rename to favicon.ico (legacy browsers)
- 180×180 PNG - Rename to apple-touch-icon.png (iOS home screen)
2. Add to Your Website
Place files in your site's root or public directory and add these tags to your HTML head:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Tips
- Use simple, bold designs that work at small sizes
- Emoji work great for quick, recognizable icons
- SVG is recommended for modern browsers (scalable & small file size)
- Use high contrast colors for better visibility