What sizes does the favicon generator produce?

The tool generates 7 PNG files (16×16, 32×32, 48×48, 96×96, 180×180, 192×192, 512×512) and a favicon.ico file that embeds the 16×16, 32×32, and 48×48 PNGs. It also includes a site.webmanifest and ready-to-paste HTML tags.

What image formats can I upload?

PNG, JPEG, WebP, and SVG are all supported. Square images (equal width and height) work best — if your image is rectangular it will be stretched to fill each square size.

Is my image uploaded to a server?

No. All processing happens entirely in your browser using the HTML5 Canvas API. Your image is never sent to any server.

Where do I put the files in my project?

Place all files in the root public directory of your project (e.g. /public in Next.js or the web root for static sites). Then paste the HTML tags from html-tags.txt into the of your HTML.

What is site.webmanifest for?

The web manifest tells Android browsers and PWA installers which icons to use for your app. It references the 192×192 and 512×512 PNGs. Place it in your web root and link to it via .

Free Tool

Favicon Generator

Upload a logo and generate all favicon sizes — ICO, PNG (28 sizes), Apple touch icons, Android Chrome, Windows tiles, site.webmanifest, browserconfig.xml, and HTML tags — all in a single ZIP.

Drop your logo here or click to browse

Supports PNG, JPEG, WebP, SVG · Square images work best

What is a favicon?

A favicon is the small icon displayed in browser tabs, bookmarks, and app shortcuts. Modern browsers and devices require multiple sizes — from 16×16 for browser tabs to 512×512 for PWA splash screens.

What's included in the ZIP

favicon.ico (16, 32, 48 px multi-size), 28 PNG files (browser, Apple, Android, Windows sizes), HTML link tags, site.webmanifest, and browserconfig.xml.

How to use

Upload a square PNG, JPEG, WebP, or SVG logo.
Click Generate Favicons.
Review the preview of all sizes.
Click Download favicons.zip — extract and copy files into your project's public folder.

All image processing happens in your browser using the Canvas API — no files are uploaded to any server.

Frequently Asked Questions

What image format works best?: A square PNG or SVG with transparent background gives the best results. At least 512×512 px is recommended for sharp output at all sizes.
Do I need all the sizes?: Modern browsers only strictly need favicon.ico and a 180×180 Apple touch icon. The full set ensures compatibility with all platforms and PWA requirements.

Related Tools

Image Resizer

Resize JPEG, PNG & WebP images to exact dimensions with optional aspect ratio lock

Image Compressor

Compress JPEG, PNG & WebP images in your browser — lossless for PNG, near-lossless for JPEG

SVG Optimizer

Minify and compress SVG files — remove editor bloat, comments, empty groups, and whitespace with live preview