Favicon Generator
Drop your logo or image here
or click to browse
PNG, JPG, WebP, GIF or SVG — square images of 512×512 or larger work best (max 15 MB)
Turn any image into a complete favicon pack | Nothing is uploaded
or click to browse
PNG, JPG, WebP, GIF or SVG — square images of 512×512 or larger work best (max 15 MB)
From 16×16 tab icons to 512×512 PWA icons — generated from a single image.
A proper multi-resolution favicon.ico bundling the 16, 32 and 48 pixel versions.
Copy-paste the link tags — no guessing which rel and sizes attributes you need.
Resizing, ZIP building and ICO encoding all happen inside your browser.
A favicon is the small icon that represents your site in browser tabs, bookmarks, history, search results, and on phone home screens. What began as a single 16×16 favicon.ico has grown into a small family of files, because each platform wants a different size and format.
16×16 and 32×32 — browser tabs on standard and HiDPI displays.
180×180 — the Apple touch icon shown when someone adds your site to an iOS home screen.
192×192 and 512×512 — Android Chrome and Progressive Web App icons, including the splash screen.
favicon.ico — still requested automatically from your site root by browsers, so keep it there.
At tab size you have roughly the area of a single character to work with. Detailed logos, wordmarks, and thin strokes all collapse into mush. The icons that read clearly are built from one bold shape, one or two high-contrast colors, and generous negative space. If your full logo does not survive the shrink, use just its monogram or symbol instead.
Transparent backgrounds adapt to light and dark browser themes, which usually looks cleaner in tabs. However, iOS ignores transparency on home screen icons and composites them onto black, so if your artwork is dark, set a solid background color here before generating.
Upload every generated file to your website's root folder — the same place as index.html — then paste the provided link tags into the <head> of your pages. Browsers cache favicons aggressively, so after deploying you may need a hard refresh to see the change.
There is no single size — modern sites ship several. 16×16 and 32×32 cover browser tabs, 180×180 is the Apple touch icon for iOS home screens, and 192×192 plus 512×512 are used by Android Chrome and PWAs. This generator produces all of them from one source image.
Yes, it is still worth including. Browsers automatically request /favicon.ico from your site root even if you never link to it, and some older browsers and tools only understand the ICO format. The ICO produced here bundles the 16, 32, and 48 pixel versions into one file.
A square PNG of at least 512×512 pixels with a transparent background works best. Simple, high-contrast artwork survives being shrunk to 16×16 far better than detailed logos or text, which turn into an unreadable smudge at tab size.
Upload every file to the root folder of your website — the same folder as your index.html — then paste the generated HTML snippet into the head section of your pages. The included README repeats these steps.
No. The image is read and resized entirely inside your browser using the HTML canvas, and the ZIP and ICO files are assembled locally too. Your image never leaves your device.