Favicon Generator
Upload one image, get a complete favicon package — every size, the ICO file, a web manifest, and the HTML to paste in. All on your device.
Drop your logo or icon here, or click to browse
PNG, JPG, WebP, GIF, or SVG · square images work best, at least 512×512
For your web manifest
Builds favicon.ico, every PNG size, apple-touch-icon.png, site.webmanifest, and the HTML snippet — all locally.
Need something else? Resize an image, or compress it first.
How it works
Upload your logo
A square image works best — non-square images are cropped centered automatically.
Style it
Pick a background, shape, and padding while watching a live browser-tab preview update.
Download & install
Grab the ZIP, upload the files to your site's root, and paste in the provided HTML.
A complete, professional favicon set
favicon.ico
A real multi-resolution ICO file (16, 32, and 48px bundled together) for browsers that still request it directly.
Standalone PNGs
16×16 and 32×32 PNGs for modern browsers that prefer a plain image file over ICO.
Apple touch icon
A 180×180 PNG used when someone adds your site to their iOS home screen.
Android Chrome icons
192×192 and 512×512 PNGs referenced from your web manifest for Android home screens and PWAs.
site.webmanifest
A ready-to-use manifest file with your site name, theme color, and icon references filled in.
Copy-paste HTML
The exact <link> and <meta> tags to drop into your <head>, generated to match your filenames.
Frequently asked questions
What files do I actually need for a favicon?
At a minimum, a favicon.ico for older browsers and a couple of PNG sizes for modern ones. For full coverage across devices you also want an Apple touch icon for iOS home screens and Android Chrome icons referenced from a web manifest.
What image should I upload?
A square image of at least 512×512 pixels works best, ideally with a simple design that stays legible when shrunk down to 16×16. If your image isn't square, it will be cropped to a centered square automatically.
What is favicon.ico and why is it still needed?
ICO is an older Windows icon format that can bundle several sizes into a single file. Many browsers still request /favicon.ico automatically, so including one avoids a missing-file request in your server logs.
Where do I put the generated files?
Upload every file from the ZIP to the root of your website (the same folder as your homepage), then paste the provided HTML snippet into the <head> of your pages.
Is my image uploaded to a server?
No. Every icon size, the ICO file, and the manifest are generated locally in your browser. Nothing is ever uploaded, transmitted, or stored anywhere.