Favicon Generator
Upload one image, get every favicon size: ICO, PNG, Apple touch icon, and web manifest. No upload to any server.
Best for developers launching a new site or updating a brand — generate all favicon variants from one source image in seconds.
▸▾Recommend ≥512×512 source image
Smaller source images will be upscaled, which may cause blurriness at larger sizes. Use a square PNG or SVG of at least 512×512 pixels for best results. Non-square images are center-cropped automatically.
Drop files here
or click to browse · paste from clipboard
Accepts .PNG, .JPG, .JPEG, .SVG, .WEBP · Up to 1,000 files
How it works
Drop your files
Drag and drop, click to browse, or paste from clipboard. Up to 1,000 files at once.
Click Convert
Everything runs in your browser via WebAssembly. Favicon Generator happens locally — no server involved.
Download
Download files individually or grab all at once as a ZIP.
Frequently asked questions
No. All resizing and ICO packaging runs in your browser using Canvas. Your source image never leaves your device.
Different platforms request different sizes: browsers use 16×16 and 32×32 for tabs, iOS uses 180×180 for "Add to Home Screen", Android uses 192×192 and 512×512 via the web manifest, and the ICO file bundles 16, 32, and 48 for older Windows/IE compatibility.
The web manifest is a JSON file that tells Android browsers about your PWA (Progressive Web App) — including the icons to use when a user adds your site to their home screen. Link it from your HTML with <link rel="manifest" href="/site.webmanifest">.
Use both. The ICO file covers older browsers and Windows (which uses ICO for bookmark icons). Modern browsers prefer the PNG variants. The snippet file included in your download has the correct <link> tags for both.
At least 512×512 pixels. Larger is fine — the generator will downscale. Square is ideal. Non-square images are center-cropped to a square before resizing.
favicon.ico (16/32/48px), favicon-16×16.png, favicon-32×32.png, apple-touch-icon.png (180px), android-chrome-192×192.png, android-chrome-512×512.png, site.webmanifest, and FAVICON-SNIPPET.txt with ready-to-paste HTML and Next.js code.
Place all the PNG and ICO files in the root of your public directory (e.g. /public/ in Next.js). The FAVICON-SNIPPET.txt file contains the exact code to add to your <head> or Next.js metadata config.