About this tool

Build a deployment-ready favicon asset pack from one image with explicit center-crop, transparency, file validation, and platform output evidence.

Favicon Generator is designed for the real deployment task, not just making one small square icon. It produces the browser, Apple, Android, and manifest assets that modern sites usually need together.

Generates 16, 32, 48, 180, 192, and 512 pixel PNGs plus a favicon.ico containing embedded 16, 32, and 48 pixel PNG images.
Validates PNG, JPEG, WebP, and SVG contents up to 10 MB and 50 megapixels; SVG scripts, event handlers, foreign objects, and external resource references are rejected.
Shows the decoded dimensions and exact center-crop direction before export, with an optional solid background for transparent pixels.
Creates escaped HTML, a bounded site.webmanifest, and a nine-file ZIP while keeping the source image and generated files in the browser.

How to use Favicon Generator

Upload one square source image, review the generated previews, then download the full asset pack or the specific files you need. Use the generated HTML snippet and manifest output directly in your site so the icon set stays consistent across platforms.

When this tool is useful

Create a complete favicon set from one source image for a website or web app.
Prepare Apple touch icons, Android icons, and manifest assets before launch.
Replace an outdated favicon set without rebuilding each icon size manually.

Practical tips

Start with a clean square source image so the smallest icon sizes stay sharp.
Check the smallest previews because detailed logos often degrade at favicon size.
Keep the exported files, manifest, and HTML snippet together during implementation.

Examples you can test

Load an example, compare the result with the expected output, then replace it with your own input.

Create a basic site favicon

Example input

Source: 512x512 square logo PNG

Expected output

Generated sizes: 16x16, 32x32, 48x48, 180x180

Start from a square, high-resolution logo so small favicon sizes remain recognizable in browser tabs.

Check icon legibility

Example input

Source: detailed brand mark

Expected output

Result: small sizes show lost detail

If the 16x16 preview is unclear, simplify the source mark before generating the final icon set.

Validation checklist

Use a square source image with enough padding around the mark.
Inspect the smallest favicon sizes manually before publishing.
Keep the original high-resolution source so icons can be regenerated later.

Frequently asked questions

Does this generate the full favicon set I need for a website?

It generates six common PNG sizes, a multi-image favicon.ico, an Apple touch icon, two Android PWA icons, a web manifest, and an escaped HTML snippet. You should still test the smallest icon in target browsers and confirm any platform-specific release requirements.

Can I remove transparency from the favicon source?

Yes. You can flatten transparent pixels onto a background color before export, which helps create cleaner browser and PWA icons.

What source image size gives the best results?

A square PNG, JPEG, WebP, or self-contained SVG at least 512x512 pixels gives the 512 pixel output enough source detail. Non-square images are center-cropped, and smaller raster images may look soft after enlargement.

Does the generator output a web manifest file?

Yes. It generates a webmanifest JSON file that references the Android icon sizes, plus the HTML link tags you need to include in your page head.

Can I use a transparent background in my source image?

Yes. With flattening disabled, transparency is preserved in the PNG outputs and the PNG images embedded inside favicon.ico. Apple touch icons with transparency can render poorly on some surfaces, so inspect that output or enable a solid background.

Favicon Generator