AI Tools Free

Favicon Generator

Create website favicons online from a PNG, JPEG or WebP image. Choose contain or crop-to-square fitting and download ICO, PNG icons, a manifest and HTML links in one ZIP.

Free to useNo sign-upRuns in your browser
Enter your details

Enter the inputs, then select Generate favicons.

PNG, JPEG, or WebP. Up to 10 MB and 16 million pixels; processed locally.

Your result
Enter your details

Result will appear here

How Favicon Generator works

The generator draws a raster source into square icon canvases with contain or cover fitting and packages ICO, PNG, manifest, and link-tag files in a ZIP.

The downloaded ZIP contains installation material for a site. Review its paths and edit the example manifest name and application settings before deployment.

Files must stay within the supported 10 MB and image dimension limits.

One raster mark connected to a package of square icon sizes.
Illustration of the Favicon Generator workflow.

How to use Favicon Generator

Choose a PNG, JPEG, or WebP image and a fit mode for the square icon outputs.

Choose the image and fit

Choose a PNG, JPEG, or WebP source, then select contain or cover fitting. Check source file size and dimensions. Contain keeps the full image; cover fills the square and can crop edges.

Source image
Favicon Generator native input panel with the actual Source image, Fit settings used for this example.
Configure Source image, Fit; select Generate favicons.

Generate the icon package

Run the generator and inspect the icon preview. The result reports the source dimensions and package file total, so you can confirm which input produced the files.

Favicon package ready
Favicon Generator actual result panel showing Favicon package ready.
Submitted result: Favicon package ready. Files in ZIP: 9.

Download and review installation files

Download favicons.zip and inspect the ICO, PNG files, manifest, and HTML links. Edit the example application manifest and review deployment paths before installing the package. Check the smallest icon sizes for detail loss.

Output and export
Favicon Generator actual output and export region and result note after submitting the pictured settings.
Review the actual Favicon Generator output and visible Download favicons.zip controls. Read the result note.

When to use Favicon Generator

Build an icon package from an existing raster design, then review it at small sizes.

Generate favicon files for a website

Generate the related icon files when a site has a finished raster mark but no favicon assets. Check the smallest outputs separately from the preview, since details that look clear at a larger size can disappear in a browser tab.

Color and image inputs represented by swatches and a pixel grid.
Start with the design input. Concept illustration.

Compare favicon padding and cropping

Try contain and cover for a rectangular source image to see which treatment keeps its useful content. Transparent padding and cropping solve different layout problems. Choose deliberately rather than assuming a fully filled square always produces a better icon.

Design samples shown side by side for comparison.
Compare the visual result. Concept illustration.

Hand off generated assets

Share the ZIP with the person integrating site metadata, together with the intended application name and deployment paths. The included examples help locate the required references, but they still need to be adapted to the destination site and directory structure.

A visual asset prepared for use in a design workflow.
Prepare a design asset. Concept illustration.

Review ICO, PNG and web manifest files

Inspect the small icon previews and archive contents before adapting the installation files to your site.

The archive contains six PNG sizes, a PNG backed ICO containing 16, 32, and 48 pixel images, a web manifest, and an HTML link snippet. These are generated files rather than a deployed configuration.

The manifest and snippet use example names and root asset paths. A tool or prototype mounted under a folder needs references reviewed for that actual deployment.

Color or image detail reviewed alongside its original input.
Inspect the output. Concept illustration.

Check source size and small icon detail

Choose a clear source image and check the fit, file limits, and site-specific manifest values before publishing icons.

Files must stay within the supported 10 MB and image dimension limits. Renaming an unsupported file does not change its image format. Animated raster input is represented by a decoded frame, not an animated icon set.

Upscaling cannot restore detail absent from the original image. If a small icon is unclear, simplify the source design or adjust the fit instead of relying only on a larger exported size.

Design output inspected before use in a destination layout.
Check the intended use. Concept illustration.

Generate a website favicon package

Choose a PNG, JPEG, or WebP image and a fit mode for the square icon outputs.

Create favicon files

Favicon Generator: common questions

Answers about using Favicon Generator and understanding its results.

How do I install the icons?

Extract the ZIP into your site's public root and use the supplied HTML link tags. Edit the manifest for your application.

What is the difference between contain and cover?

Contain keeps the full source within a square with transparent padding. Cover fills the square and can crop its edges.

Is the manifest ready for my application?

It contains example application details. Edit those values and review the icon paths before using it.

Which source images are supported?

Use an actual PNG, JPEG, or WebP within 10 MB, 16 million decoded pixels, and 8,192 pixels per side. A renamed file does not change its underlying format.