How to use Favicon Generator

Choose one PNG, JPG or WebP image with a clear subject that will still read at 16 pixels.
Choose whether to fit the whole image or fill the square, then select the ICO sizes and optional PNG icons.
Select Create favicon. Inspect the preview, then download the files or one ZIP and add the paths to your site.

Example: Favicon Generator

Turn a square site logo into the usual browser and home-screen icon files.

You add

Image: a 512 by 512 pixel PNG logo. Fitting: Fit the whole image, add transparent padding. Icon file: 16, 32 and 48 pixels. Also write 180, 192 and 512 pixel PNG icons: on. Also write a site.webmanifest starting point: on.

You get

Five files are reported: favicon.ico with 16, 32 and 48 pixel entries, apple-touch-icon.png, icon-192.png, icon-512.png and site.webmanifest. The result shows a square icon preview, a three-entry ICO count and the site.webmanifest code to copy.

Options

Fitting: Fit the whole image keeps its edges and adds transparent space when needed. Fill the square crops the outer edges. Check the 16 pixel result because fine lettering usually disappears there.
Icon file: The classic ICO contains 16, 32 and 48 pixel entries. The extended choice also includes 64, 128 and 256 pixels for uses that request larger artwork.
PNG icons and manifest: Optional PNG files are 180, 192 and 512 pixels. The site.webmanifest is a starting point with file paths; set your site's name and confirm the paths after upload.

Supported inputs and limits

Input formatsPNG, JPEG or WebP; SVG, GIF and HEIC refused

File sizeUp to 64 MiB and 20 megapixels

ICO sizes16, 32 and 48 px; extended adds 64, 128 and 256 px

One PNG, JPEG or WebP image up to 64 MiB and 20 megapixels. SVG, GIF and HEIC are not accepted. Enlarging a small original cannot restore missing detail. Browser canvas may strip source metadata, and the package does not install icons on your site or verify your HTML links. Processing and preview stay in this browser.

Where your input is processed

This tool processes your input in this browser. Your text and files are not uploaded to UseFreeTools. Check this tool's limits for anything it may save on your device.

One image, several display sizes

The ICO keeps several sizes in one file, while touch and app icons are separate PNGs. An image can look sharp at 512 pixels yet turn into a blur at 16. Compare the small preview with the original before using the files, and keep the large source image in case you need to revise the mark later.

Questions about Favicon Generator

Which file should I put at my site's favicon path?

Use favicon.ico for the traditional browser icon path. The optional PNG files serve touch and app-icon uses; link them from your site with the paths you actually upload.

Why is my logo hard to read at 16 pixels?

A favicon is tiny. Small text and thin lines lose detail when resized. Try a simpler mark with open space around it, then inspect the preview before downloading.

Does the manifest make my site an installable app?

No. It supplies icon paths as a starting point. Your site still needs its own manifest values and any browser requirements for installation.

Project manager: Tony Hines · Content updated 4 October 2026 · Report a problem

Favicon Generator

Create favicon controls