One image in.
Every favicon size out.

1. Drop your logo or icon. Any image works — JPEG, PNG, SVG, or WebP. A square source image produces the cleanest result, but the tool handles any aspect ratio.

2. Choose a background color. Pick the background fill color for icons that need it (like the maskable Android icon). The default uses your image's dominant background color automatically.

3. Download everything. Get all favicon sizes, apple-touch-icon, Android icons (regular + maskable), favicon.ico bundle, and a ready-to-use site.webmanifest in one ZIP file.

Every platform asks for a different file

A browser tab wants a tiny 16x16 or 32x32 icon. iOS asks for a 180x180 PNG called apple-touch-icon.png the moment someone taps "Add to Home Screen." Android's manifest spec wants 192x192 and 512x512 versions, plus a separate "maskable" variant so its adaptive-icon system doesn't crop your logo unpredictably. A legacy favicon.ico — still requested directly by some crawlers, RSS readers, and older browsers — actually bundles several sizes (16, 32, 48) into one file using a format that predates PNG-based icons entirely.

None of these were designed together. Each one shipped years apart, from different companies, solving a different problem. The result is that "make a favicon" quietly turned into "export seven differently-sized files, name them exactly right, and wire up five link tags" — a small, boring task that's easy to get wrong in a way nobody notices until someone's Android home screen shows a weirdly cropped logo.

The exact sizes each platform actually requests

• favicon-16x16.png / favicon-32x32.png — browser tabs, bookmarks, history
• favicon.ico — legacy fallback some tools request directly from your domain root, bundling 16/32/48px
• apple-touch-icon.png (180x180) — iOS home screen icon, must be fully opaque
• android-chrome-192x192.png / 512x512.png — Android home screen and PWA install prompts
• android-chrome-512x512-maskable.png — same size, but with safe-zone padding so adaptive-icon masking doesn't clip it
• site.webmanifest — the JSON file that tells Android which icon to use and what to call your app

What "maskable" actually means, concretely

Android doesn't display your icon as a plain square. Depending on the phone's launcher theme, it gets masked into a circle, a rounded square, a squircle, or a teardrop — the OS decides, not you. If your logo fills the entire icon edge-to-edge, whatever falls outside that mask shape gets cut off. A maskable icon solves this by scaling your logo down to roughly two-thirds of the canvas, centered, with your chosen background color filling the rest — so no matter which shape the launcher applies, the parts of your logo that matter always survive inside it.