Which sizes are included?

The package includes common sizes such as 16, 32, 48, 180, 192, and 512 pixels, together with a multi-size favicon.ico file.

How should I handle a transparent logo on dark browser tabs?

Check both preview backgrounds. A subtle background behind the logo may improve readability at small sizes.

How do I add the files to a website?

Place the files in the website's public directory and reference the required icons in the page header and web manifest.

Favicon Generator

Create favicon.ico and common PNG icon sizes from a square PNG or SVG logo and download the complete set as a ZIP archive.

Files and content are processed locally in your browser and are not uploaded to our server.

About this tool

Turn a square PNG or SVG logo into a set of common website icons, including 16×16, 32×32, 180×180, 192×192, and 512×512 PNG files and a multi-size favicon.ico file. Preview the logo on light and dark backgrounds and download the results in a ZIP archive.

How to use

Export common PNG icon sizes
Create a favicon.ico file containing several sizes
Include sizes commonly used for mobile bookmarks and installed websites
Preview on light and dark backgrounds
Download the complete set as a ZIP archive
Upload a logo: Choose a square PNG or SVG file. A source of at least 512×512 pixels produces the best results.
Check the previews: Make sure the logo remains clear at 16×16 and 32×32 pixels.
Download the files: Download the ZIP archive and place the required icons in your website's public files.

Examples

Create favicon files for a new website
Replace website icons after changing a brand
Create an icon used by mobile bookmarks
Prepare a complete set of common icon sizes

Limitations

Very detailed logos may be difficult to recognize at 16×16 pixels
SVG files are converted into PNG and favicon.ico output at the selected maximum size
The uploaded logo is processed directly in your browser and is not sent to a server.

FAQ

Which sizes are included?: The package includes common sizes such as 16, 32, 48, 180, 192, and 512 pixels, together with a multi-size favicon.ico file.
How should I handle a transparent logo on dark browser tabs?: Check both preview backgrounds. A subtle background behind the logo may improve readability at small sizes.
How do I add the files to a website?: Place the files in the website's public directory and reference the required icons in the page header and web manifest.