Favicon Generator
Generate all favicon sizes from one image. Download as ZIP with HTML snippet.
Drop your logo or icon here
Square images work best · PNG, SVG, JPG
Advertisement
Advertisement
Generate favicons for every device and browser
Our favicon generator creates all standard sizes from a single image — including 16×16, 32×32, Apple Touch Icon (180×180), Android Chrome icons (192×192 and 512×512), and more. Download everything as a ZIP file complete with a ready-to-use HTML snippet you can paste directly into your website's head tag.
What is a favicon?
A favicon (short for "favorite icon") is the small icon that appears in your browser tab next to your page title. It also appears in bookmarks, browser history, and on mobile home screens when users save your website as a shortcut. Favicons are typically 16×16 or 32×32 pixels in size.
Having a proper favicon is important for brand recognition and professionalism. Sites without a favicon show a generic browser icon, which looks unfinished and reduces user trust. A well-designed favicon helps users quickly identify your tab among many open tabs.
What favicon sizes do I need?
Different browsers and devices require different favicon sizes. Our generator creates all of them automatically:
| File | Size | Used by |
|---|---|---|
| favicon-16x16.png | 16×16px | Standard browser tab icon |
| favicon-32x32.png | 32×32px | Retina browser tab, taskbar |
| favicon-48x48.png | 48×48px | Windows site icon |
| apple-touch-icon.png | 180×180px | iPhone and iPad home screen |
| android-chrome-192x192.png | 192×192px | Android home screen shortcut |
| android-chrome-512x512.png | 512×512px | Android splash screen |
| favicon.ico | Multi-size | Legacy browsers, bookmarks |
How to add a favicon to your website
After downloading your favicon ZIP file and extracting it, place all the favicon files in the root directory of your website (or a /favicon/ subfolder). Then add the following HTML to your page's <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">
Our generator includes this HTML snippet in the ZIP file so you can copy and paste it directly.
Frequently asked questions
What image format should I use as input?
PNG is recommended for best results, especially if your logo has a transparent background. The input image should ideally be square (equal width and height) and at least 512×512 pixels for sharp results at all sizes.
Can I use a rectangular logo?
Yes, but the generator will crop or letterbox it to a square. For best results, prepare a square version of your logo before uploading.
Do I need all the generated sizes?
At minimum you need favicon-16x16.png, favicon-32x32.png, and apple-touch-icon.png. The Android Chrome icons are needed if you want your site to work well as a Progressive Web App (PWA).
Is the favicon generator free?
Yes, completely free with no limitations. All processing happens in your browser and no files are uploaded to any server.
My favicon is not showing — what should I do?
Browsers aggressively cache favicons. After adding your new favicon, clear your browser cache or open your site in an incognito window to see the new icon.