Favicon Generator
A fast online favicon generator for browser tabs, bookmarks, and home-screen shortcuts. Create a favicon for your website in every size browsers and devices expect — no signup, no install.
Use this favicon generator to turn a single image into a complete favicon pack — classic favicon.ico, modern PNG sizes, Apple touch icon, and Android Chrome icons. The tool also generates the HTML snippet you paste into your <head>.
Upload a square PNG or JPG (512 × 512 or larger), download a ZIP, and drop the files into the root of your site. Works with any framework — Next.js, Astro, plain HTML, WordPress — and with any hosting setup.
How to create a favicon
Four steps from source image to live on your site.
1. Prepare a source
Square image, 512 × 512 px or larger. Keep the design simple.
2. Upload
Drop the PNG or JPG into the tool to see a live preview.
3. Download ZIP
Icons for every platform, plus the HTML snippet.
4. Paste into head
Drop files in your site root and add the snippet to <head>.
Favicon sizes you should ship
Cover classic and modern browsers plus mobile home screens.
| Purpose | Size |
|---|---|
| Classic favicon (.ico) | 16 × 16, 32 × 32, 48 × 48 (multi-res) |
| Modern browsers PNG | 16 × 16, 32 × 32 px |
| Apple touch icon (iOS) | 180 × 180 px |
| Android Chrome | 192 × 192, 512 × 512 px |
| Windows tile | 144 × 144 px |
| Safari pinned tab (SVG) | Monochrome SVG |
HTML snippet to paste in <head>
Minimal tags that cover all browsers and devices.
<link rel="icon" href="/favicon.ico" sizes="any"> <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">
Put the icon files in your site's root so the paths above resolve correctly.
Common pitfalls
Using a detailed logo
A 16 × 16 favicon can only show a few pixels of detail. Simplify to a symbol, monogram, or single letterform.
Only shipping favicon.ico
Modern browsers and mobile devices need PNG and Apple touch icons too. Without them, tabs and home-screen shortcuts look wrong.
Forgetting dark mode
Browsers render the favicon on both light and dark chrome. Test your icon on both — some colours disappear against dark tabs.
Not updating the cache-busting
Browsers cache favicons aggressively. Change the filename or add a version query param when you update it.
What this tool supports
| Feature | Supported | Notes |
|---|---|---|
| Create favicon.ico (multi-res) | Yes | Bundles 16, 32, and 48 px into one file. |
| PNG favicons (16, 32) | Yes | For modern browsers that prefer PNG. |
| Apple touch icon (180) | Yes | Used when the site is added to the iOS home screen. |
| Android 192 / 512 | Yes | Used by Chrome on Android and in manifest.json. |
| Windows tile (144) | Yes | For pinned sites on older Windows. |
| HTML snippet | Yes | Copy-paste <link> tags for the <head>. |
| Account required | No | No signup, no install. |
What the ZIP contains
You get favicon.ico, PNG icons at 16 / 32 / 192 / 512, the Apple touch icon, a Windows tile, an optional site.webmanifest, and a head-snippet.html you can copy straight into your template.
Frequently Asked Questions
User reviews
No reviews yet. If you used the tool, you can share feedback on our feedback page.
Ready to ship your favicon?
Upload a square image and download a full favicon pack — including the <head> snippet — in seconds.