Favicon Generator - Free Online, No Signup

Click or drag an image here

Square images work best

How do you generate a favicon from an image?

To generate a favicon, upload a square image and click Generate Favicons. The image is resized in your browser to six PNG files: 16x16, 32x32, 48x48, 64x64, 128x128 and 256x256 pixels, each downloadable separately. The 16 and 32 pixel files cover browser tabs and bookmarks, while 128 and 256 pixels serve app icons and Windows tiles.

What size should a favicon be?

A favicon at 32x32 pixels is the safe default for browser tabs, with 16x16 as the fallback for bookmark bars. Apple touch icons want 180x180, Android home screens 192x192, and Windows tiles up to 256x256. Start from a square source image of at least 256 pixels so every downscaled size stays sharp.

Runs in your browser. Your files and text never leave your device - nothing is uploaded.

Why use Favicon Generator?

The Favicon Generator takes one source image and downscales it into a set of PNG favicons without leaving the browser. When you press Generate Favicons, the code loads your file into an Image element from a local object URL, then draws it onto a hidden canvas six times, once for each size in the fixed list of 16, 32, 48, 64, 128, and 256 pixels. Every render is read back as a PNG through the canvas toDataURL method and shown in a preview grid where each icon carries its exact pixel dimensions. Since the resizing happens on the canvas in your own browser, the image you select is never handed off to a server. Producing the output is quick. You feed in an image through the panel that reads 'Click or drag an image here', and the file field accepts any image type the browser can decode. The interface notes that square images work best, which matters because each favicon is drawn into a square frame and a non-square source will be stretched to fill it. Once the previews appear, you save sizes one by one with the Download button under each icon; filenames follow the favicon-64x64.png pattern so they sort cleanly. The Clear button resets the current file and previews whenever you want to try a different logo. Knowing the limits keeps expectations honest. Output is PNG only, so there is no bundled .ico file and no combined ZIP; you download each size on its own. The six sizes are fixed rather than adjustable, and the tool handles a single image per session instead of batching a folder. Inside those boundaries it is a fast path from a finished square logo to a tidy, correctly sized set of favicon PNGs, with nothing to install and no account to create.

Key benefits

Turns one source image into the six common favicon sizes (16 through 256 pixels) with a single Generate Favicons press
Resizes on an HTML canvas in the browser, so the picked image stays on your device
Shows a labeled preview of every size before you commit to saving anything
Exports each size as a PNG with a dimension-based filename such as favicon-32x32.png
No account, no upload wait, and no watermark added to the icons

Features

Six fixed output sizes: 16x16, 32x32, 48x48, 64x64, 128x128, and 256x256 pixels
Click-to-browse or drag-and-drop input via an accept='image/*' file field
Accepts any source format the browser can read and decode
PNG output produced with the canvas toDataURL('image/png') method
One Download button per generated size, plus a Clear button to reset
Preview grid labeling every favicon with its exact pixel size

Popular use cases

A web developer assembling favicon assets who wants the small browser-tab sizes alongside 128 and 256 pixel PNGs for a manifest
A designer turning a finished square logo into ready icon PNGs without launching an image editor
A PWA or browser-extension builder who needs several consistent icon sizes cut from one master image
A small-site owner swapping a default favicon for a properly sized multi-size set

How to use Favicon Generator

1
Select an image
Use the panel labeled 'Click or drag an image here' to pick a file, either by clicking to browse or dropping an image onto it. The accept setting is image/*, so any format the browser can decode works, and a note reminds you that square images work best.
2
Generate the sizes
Press Generate Favicons. The tool draws your image onto a canvas at 16, 32, 48, 64, 128, and 256 pixels and displays a preview grid where each icon is stamped with its pixel dimensions.
3
Download the sizes you need
Below each preview, press Download to save that size as a PNG named favicon-16x16.png through favicon-256x256.png. Save as many as you want, then press Clear to drop the current image and load a different one.
4
Start over with a new image
Click the upload panel again or drop in a different file, and the panel clears the previous preview grid automatically before generating a new set, or press Clear to remove the current image without loading another one.

How do you generate a favicon from an image?

What size should a favicon be?

Related tools