Favicon Generator

✓ Link copied

Generate a complete, modern favicon set from a single image right in your browser. Drop in a square logo or icon — PNG, JPG, WebP, or SVG — and instantly get every size today's browsers and devices expect: 16, 32, and 48px tab icons, a 180px apple-touch-icon for iOS home screens, and 192 and 512px icons for Android and PWA installs. Everything is bundled into one ZIP together with a ready-to-paste HTML snippet and a site.webmanifest, so wiring up your favicons is copy, paste, done. All resizing and encoding happens locally on your device, so your artwork is never uploaded to a server.

100% private: your image is read directly in this browser tab and never uploaded. Every icon is resized and encoded on your device.

Drag & drop a square image here
or
Choose file
Fit

Cover fills each square and crops the overflow; Contain fits the whole image inside the square with transparent padding.

How to use

Drag and drop an image onto the upload area, or click to choose one. Pick how the source should map onto each square icon — Cover crops to a perfect square, while Contain pads the whole image with transparency. The tool renders every favicon size instantly and shows a live preview. Click Download ZIP to get all the PNGs plus a favicon-snippet.html and site.webmanifest, then copy the snippet into your page's <head> and upload the files to your site root.

Frequently asked questions

Is my image uploaded anywhere?
No. Decoding, resizing, and PNG encoding all happen locally in your browser using your device's own processing. Your artwork is never sent to a server, which makes this safe for unreleased logos and brand assets.
Which icon sizes and files do I get?
You get 16x16, 32x32, and 48x48 PNGs for browser tabs, a 180x180 apple-touch-icon.png for iOS, and 192x192 and 512x512 PNGs for the Android and PWA web app manifest. The ZIP also contains a site.webmanifest referencing those icons and a favicon-snippet.html with the exact link tags to drop into your page.
What kind of source image works best?
A square image at least 512px on each side gives the sharpest results, since every icon is downscaled from your original. Simple, high-contrast logos read best at tiny tab sizes. If your image is not square, use Contain to keep all of it with transparent padding, or Cover to crop it to a centered square.