Favicon Generator
Turn any image into a complete favicon set — a multi-size ICO file (16 × 16, 32 × 32, 48 × 48 pixels) and a 180 × 180 Apple Touch Icon PNG — right in your browser. No server, no signup, no upload: your image never leaves your device.
How It Works
A favicon is the small icon displayed in browser tabs, bookmarks, and browser history. Modern websites need multiple sizes to look crisp across different screens and operating systems.
The standard ICO format is a container that holds multiple bitmap images at different sizes. This tool generates three sizes (16 × 16, 32 × 32, and 48 × 48 pixels) and packages them into a single .ico file. The ICO format starts with a 6-byte header, followed by a directory entry (16 bytes) for each image size, and then the raw PNG data for each size appended in order.
The Apple Touch Icon (apple-touch-icon.png) is a 180 × 180 PNG that iPhones and iPads use when a user adds your website to their home screen. Some desktop browsers also use it as a high-resolution icon fallback.
Worked example: You have a square logo saved as a 512 × 512 PNG. Drop it into the tool. Within a second, small previews of all four sizes appear. Click "Download ICO" to get favicon.ico containing 16 × 16, 32 × 32, and 48 × 48 versions bundled together. Click "Download Apple Touch" to get apple-touch-icon.png at 180 × 180. Place favicon.ico at your website root and add the link tag for the Apple Touch Icon in your HTML head.
To use the generated files in your website:
`<link rel="icon" href="/favicon.ico" sizes="any">`
`<link rel="apple-touch-icon" href="/apple-touch-icon.png">`
The tool uses Canvas to scale your image to each target size using high-quality smoothing, then encodes each canvas as PNG data and assembles the ICO binary in memory using a Uint8Array.
Frequently Asked Questions
Is my image uploaded to generate the favicon?
No. The ICO file is assembled entirely in your browser using Canvas and typed arrays. Nothing leaves your device. You can use this tool offline.
What image should I use as input?
Use a square image for best results. A high-resolution PNG with a transparent background (at least 256 × 256 px) works best. The tool will scale it down to each required size.
Does the ICO file work in all browsers?
Yes. The ICO format with embedded PNG data is supported by all major browsers including Chrome, Firefox, Edge, and Safari. Placing favicon.ico at your website root ensures automatic discovery without any HTML link tag.
Why is the Apple Touch Icon 180 × 180?
Apple recommends 180 × 180 px for the apple-touch-icon to support Retina displays on iPhone and iPad. Older devices scale it down automatically. Using a smaller size can look blurry on modern devices.
What if my logo is not square?
The tool will scale your non-square image to fit within the square canvas, which may distort it. For best results, manually crop your logo to a square before using this tool, or add padding to make it square.