Turn one square image into every favicon size, a favicon.ico, and a web app manifest, packaged as a ZIP, all in your browser.
Everything happens in your browser with canvas drawing and a local ZIP library. Your image is never uploaded, no API key is needed, and the tool is completely free.
512 x 512 or larger gives the sharpest results. Non-square images are center-cropped to a square automatically.
The ZIP contains favicon.ico (16, 32, and 48 px), PNGs at 16, 32, 48, 64, 128, 180, 192, and 512 px (the 180 px file is named apple-touch-icon.png), and site.webmanifest.
Download favicon.zip<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Unzip the files into the root directory of your site (next to index.html) so the paths above resolve. The ico covers legacy browsers, the PNGs cover modern ones, apple-touch-icon.png is what iOS saves to the home screen, and the manifest makes the 192 and 512 px icons available to Android and installed web apps.
A favicon is not one file, it is a small family of them: a multi-size favicon.ico for legacy browsers, 16 and 32 px PNGs for tabs, a 180 px apple-touch-icon.png for iOS home screens, and 192 and 512 px PNGs declared in a web app manifest for Android and installed PWAs. Generating that family by hand means a dozen export operations and a manifest you write from memory. This tool does the whole job from a single source image: it scales your artwork to all eight sizes with progressive (halving) resampling so small sizes stay crisp, packs the 16, 32, and 48 px images into a real ICO container, writes the manifest with your site name, and hands you one ZIP with everything inside.
Everything runs locally in your browser: the image is decoded and resized with the canvas API, the ICO bytes are assembled with a DataView in JavaScript, and the ZIP is built by the JSZip library served from this site. Nothing is uploaded and no account or API key is involved, which matters if the artwork is an unreleased logo. SVG sources are rasterized from their declared size and then progressively resampled, so vector icons keep clean edges even at 16 px.
Start with a square image, 512 x 512 or larger, with simple shapes and bold contrast, because a favicon lives in a 16 px square next to a page title. After downloading, drop the files in your site root and paste the link snippet into your head. For related jobs, resize photos with Image Resizer, shrink them for speed with Image Compressor, and inspect JSON outputs with JSON Formatter.
favicon.ico containing 16, 32, and 48 px images in one file; favicon-16.png, favicon-32.png, favicon-48.png, favicon-64.png, and favicon-128.png; apple-touch-icon.png at 180 px; favicon-192.png and favicon-512.png for the web app manifest; and site.webmanifest referencing the 192 and 512 px icons plus your site name.
Entirely in your browser. The tool writes the ICO container with a DataView: a 6 byte header, a 16 byte directory entry per image, then the raw PNG data for the 16, 32, and 48 px sizes. Storing PNGs inside an ICO is the standard modern approach and is supported by every current browser, avoiding the need to encode legacy BMP data.
Small sizes punish detail. Use a version of the mark with fewer elements: the initial letter or the main symbol only, high contrast, no thin strokes or small text. Check the preview row before downloading; if 16 px is unclear, simplify the source rather than tuning the export.
Browsers can only rasterize SVG images that carry intrinsic dimensions, meaning a width and height or a viewBox. If your file has neither, the browser reports a zero size and the tool refuses it. Open the SVG in a text editor, add width and height attributes (or a viewBox), save, and try again. PNG and JPG sources never have this problem.
Strictly speaking often not, but it remains the safest default. Some browsers and tools still request /favicon.ico from the site root directly, some older browsers only read the ico, and search result caches on some platforms prefer it. It costs 3 small images inside one file, so the pack includes it.