Live Preview
512×512
192×192
64×64
32×32
16×16
Browser Tab Preview
yourdomain.com×
Download Your Favicon Package
Generated entirely in your browser. No uploads, no sign-up.
Installation Instructions
- Step 1: Download your favicon package.
- Step 2: Place these files in the root directory of your website:
- android-chrome-192x192.png
- android-chrome-512x512.png
- apple-touch-icon.png
- favicon-16x16.png
- favicon-32x32.png
- favicon.ico
- site.webmanifest
- Step 3: Copy this HTML and paste it inside the
<head>of your website:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<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="manifest" href="/site.webmanifest">About This Favicon Generator
A favicon is the tiny icon that represents your website in browser tabs, bookmarks, and history. A good favicon makes your site feel polished, professional, and easy to find at a glance.
The classic favicon.ico format is still the most compatible — it's a multi-layered file containing 16×16, 32×32, and 48×48 versions so browsers always pick the sharpest copy. Modern devices and PWAs also need PNGs at 180px (Apple Touch), 192px and 512px (Android, Chrome PWA).
The best favicons are simple: a bold letter, a recognizable symbol, or a clean logo mark. Complex artwork with thin lines or small details tends to disappear at 16×16. Keep contrast high and shapes chunky.
Frequently Asked Questions
A favicon is a small icon that appears in browser tabs, bookmarks, and history next to your site name. It helps users instantly recognize your website.