Favicon Generator
Make every favicon size, an ICO file and install instructions from one image.
Drop your image here
or choose a file — JPG, PNG or WEBP, up to 40 MB
This tool runs in your browser. Your image is not uploaded to our servers.
How it works
Upload an image, drag the square selection to frame your logo or mark, and zoom in if you need finer positioning. Generating builds every common favicon size and downloads them together as a ZIP.
Installing your favicon
Unzip the package into your site's root folder (next to index.html), then add this inside your page's <head>:
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Features
- Drag-to-position square crop with zoom
- Multi-size .ico plus standalone PNGs
- Apple touch icon and Android Chrome sizes
- Ready-made site.webmanifest included
Supported formats
Upload: PNG, JPG, WEBP. Output: a ZIP package.
Frequently asked questions
How do I install the favicon on my website?
Unzip the package into your site's root folder, then add this to your HTML <head>:
Why does the package include so many sizes?
Different places use different sizes — browser tabs use small ones, iOS home-screen shortcuts use apple-touch-icon.png, and Android and PWA install prompts use the larger android-chrome sizes listed in site.webmanifest.
Do I need to keep the square crop centered?
It's worth it — browser tabs and home-screen icons render your image inside a small square, so keeping the subject centered with a little margin stops it from feeling cropped too tightly.
Is my image uploaded to generate the package?
No. Every size is rendered and packaged directly in your browser.