# Favicon Maker

> Turn a single image into every favicon size plus the HTML tags. Free favicon generator — export .ico and PNGs for browsers, iOS and Android, no signup.

- Canonical URL: https://www.zyff.app/tools/favicon-generator
- Status: working
- Price: free, no signup, no watermark
- Processing: runs on Zyff's servers; input is held in memory for the request and never stored

Zyff's favicon generator turns one image into the icon set a site genuinely needs today: a multi-resolution favicon.ico, PNGs at 48px multiples for Google's search results, a 180px apple-touch-icon, 192 and 512px PWA icons, a maskable variant for Android's crop, a web manifest, and the head tags that reference all of it. Every size is derived from a single high-resolution square render rather than resampled separately, and the preview shows the 16, 32, 48 and 64px icons at their real size — because a logo that turns to mush in a browser tab is the one problem no export setting fixes. Drop in a PNG, JPG, WebP, AVIF or SVG and download the lot as a ZIP. Rendering happens on Zyff's servers in memory for the length of that one request, so no copy of your logo is kept. Free, no signup, no watermark.

## How to create a favicon for your website

1. **Upload one square image** — Drop in a square PNG, SVG or high-resolution logo, ideally 512px or larger. Anything non-square is padded to fit by default, or cropped if you switch to Fill. An SVG is rasterised at full resolution rather than at whatever size it declares, and is also passed through as icon.svg.
2. **Check the small sizes** — The preview renders 16, 32, 48 and 64px at their real size, not scaled down from a large one. Most logos need a simplified mark, heavier strokes or a solid background to stay legible at 16px — and if it is unreadable there, no export setting will save it.
3. **Set the maskable padding** — Android crops icons to a circle or squircle it chooses, so the maskable version needs its artwork inside the safe zone over a filled background. The preview draws that safe zone as a dashed circle and shows the cropped result beside the full square.
4. **Download the icon set** — One button exports the whole set as a ZIP: favicon.ico, PNGs at 48px multiples, the apple-touch-icon, the 192 and 512px PWA icons, the maskable variant and site.webmanifest. Individual files can be downloaded one at a time from the list.
5. **Paste the HTML tags** — Copy the generated link and manifest tags into your head, upload the files to your site root, then hard-refresh. Browsers cache favicons hard, so an old icon can linger. Set a serving path first if the files won't sit at the root.

## Features

- **The full modern icon set**: One upload produces favicon.ico, PNG icons at 48px multiples, the apple-touch-icon, the 192 and 512px PWA icons a web manifest expects, and site.webmanifest itself — as one ZIP.
- **Google search result sizing**: Google only uses a favicon that is square and a multiple of 48px, so the export covers 48, 96 and 144px alongside the legacy 16 and 32px sizes browsers ask for. Eligible sizes are flagged in the file list.
- **Maskable Android icon**: A separate maskable export keeps the artwork inside the safe zone over a filled background, so Android's circle or squircle crop trims padding instead of your logo. The preview shows the crop before you download.
- **Real-size preview at 16px**: The small sizes are rendered at 1:1, not scaled down from a big one. It is the only honest way to see whether your mark survives a browser tab, and it is the check most generators skip.
- **Per-platform colour and inset**: iOS renders a transparent home-screen icon black and applies its own squircle, so the apple icon gets its own background and inset and is exported unrounded. The browser icons keep their transparency.
- **Copy-paste HTML tags**: You get the exact link and manifest tags to drop into your head, generated from the files actually in your download, so nothing points at a file you didn't export. Choose the minimal modern set or the complete listing.
- **Multi-resolution ICO file**: The .ico bundles the frames you pick — 16, 32 and 48px by default — in a single file, which is what older browsers, Windows shortcuts and some feed readers still request from your site root.
- **Vector icon passthrough**: Upload an SVG and it ships as icon.svg alongside the PNGs, unmodified. Modern browsers prefer it and it stays sharp at any size, including displays that don't exist yet.

## Specifications

| Property | Value |
| --- | --- |
| Input formats | PNG, JPG, WebP, AVIF, SVG, TIFF, GIF, HEIC |
| Output files | favicon.ico, PNG icons, apple-touch-icon, PWA + maskable icons, icon.svg, site.webmanifest, browserconfig.xml — as one ZIP |
| ICO sizes | 16, 24, 32, 48, 64, 128, 256 px (16, 32, 48 by default) |
| PNG icon sizes | 16 to 512 px, including the 48, 96 and 144 px multiples Google requires |
| iOS sizes | 120, 152, 167, 180 px (180 by default, which is all current iOS needs) |
| PWA sizes | 48 to 512 px, plus a 512 px maskable variant |
| Max file size | 25 MB, up to 100 megapixels |
| Rendering | Every size derived from one 1024 px square master, lanczos3, lossless PNG |

## Frequently asked questions

**What favicon sizes does a website actually need?**

Far fewer than the old twenty-file checklists suggest. A current set is a favicon.ico bundling 16, 32 and 48px, an SVG or PNG icon for modern browsers, a 180x180 apple-touch-icon for iOS home screens, and 192x192 plus 512x512 PNGs referenced from a web manifest for Android and PWA installs, with a maskable 512px variant for Android's crop.

**Why is my favicon not showing in Google search results?**

Google applies its own rules: the icon must be square, a multiple of 48px, crawlable rather than blocked in robots.txt, consistent across the site, and referenced with a rel value it recognizes such as icon or apple-touch-icon. Even once that is fixed, Google only updates the icon when it recrawls your home page, which can take days or weeks.

**Is favicon.ico still needed?**

It is still worth shipping. Modern browsers prefer an SVG or PNG icon declared in your HTML, but a favicon.ico at the site root is the fallback several clients request by default, including older browsers, some crawlers and some feed readers. It costs a few kilobytes to keep in place.

**What is a maskable icon?**

A maskable icon is a PWA icon designed to survive being cropped. Android applies a platform shape, usually a circle or squircle, so the icon needs a full-bleed background with its important artwork inside a centered safe zone of roughly 80 percent of the width. It is declared in the manifest with purpose set to maskable.

**Where do favicon files go on a website?**

The .ico traditionally sits at the root as /favicon.ico, because browsers request that exact path even when no HTML tag points to it. The other files can live anywhere you can reference, though the root or a top-level /icons/ folder keeps paths short. Reference each with a link tag and list the PWA sizes in your manifest.

**What size should an apple-touch-icon be?**

180x180 pixels is the one to ship. iOS scales that single PNG down for smaller devices, so the long list of per-device apple-touch-icon files is no longer necessary. Use a square image with no transparency, since iOS composites the icon onto a solid tile and transparent areas can render black.

**What image should I upload to make a favicon?**

A square image of at least 512px, so every size is a downscale rather than an upscale. An SVG is better still — it is rasterised at full resolution regardless of the width it declares, and it also ships as icon.svg. A non-square image is padded to fit by default, or cropped if you switch to Fill. Photographs rarely work: a favicon is 16px on most screens, and a simplified mark reads there when a detailed one does not.

**Does Zyff keep the logo I upload?**

No. The image is held in memory for the length of the one request that renders your icons and is discarded when the response is sent. Nothing is written to disk, so there is no copy to delete afterwards and no history to clear. The generator is free and needs no account.

## Related tools

- [Favicon Size Generator](https://www.zyff.app/tools/favicon-size-generator): Every favicon size at once, as separate PNGs plus a zip.
- [Image to Favicon](https://www.zyff.app/tools/image-to-favicon): Turn a photo or logo into a square favicon set.
- [PNG to ICO](https://www.zyff.app/tools/png-to-ico): Convert a PNG into a multi-resolution .ico file.
- [SVG to Favicon](https://www.zyff.app/tools/svg-to-favicon): Keep the SVG as a vector icon, with PNG fallbacks.
- [QR Code Generator](https://www.zyff.app/tools/qr-code-generator): Generate styled QR codes for links, WiFi and more.