Favicon Generator

Create ICO and PNG favicons, preview tiny icons and download a complete ZIP in your browser.

Choose an image, set padding and background colors, check the small previews, then generate and download the ZIP.

Turn your logo into a favicon setChoose one image or drop it herePNG, JPEG, WebP or SVG · 10 MB · 4096 pixels per side

This tool needs JavaScript and a modern browser with local image processing.

How to use

Create a favicon set

Choose an image, set padding and background colors, check the small previews, then generate and download the ZIP.

Example and expected result

Example: upload a transparent 1024×1024 logo, keep transparency and use 10% padding. The ZIP contains ICO (16/32/48), five PNGs, an SVG containing a PNG, an icon manifest and the HTML snippet. Simple marks stay clearer at 16 pixels; fine details can disappear.

What is a favicon?

A favicon is the small icon browsers show in tabs, bookmarks, and history next to your page title. It is tiny — often just 16×16 pixels — so a good favicon is simple, high-contrast, and recognizable at a glance. This generator converts your image into common favicon sizes, entirely in your browser. Nothing is uploaded.

Sizes you need in 2026

FileSizeUsed for
favicon.ico16, 32, 48Browser tabs and bookmarks
favicon.svg512 × 512SVG-capable browsers; embedded PNG
favicon-16x16.png, favicon-32x32.png16, 32PNG fallbacks
apple-touch-icon.png180 × 180iOS home screen and Safari
android-chrome-192x192.png, android-chrome-512x512.png192, 512Android and PWA icon entries

Formats and limits

PNG, JPEG, WebP, and plain SVG inputs are supported. Files are limited to 10 MB and 4096 pixels per side. Animated images are not supported. SVG inputs are rasterized in your browser; scripts, external references, images, stylesheets, filters and animations are removed and will not render. Text uses available local fonts. Check the preview if your SVG uses these features.

The ICO contains 16×16, 32×32, and 48×48 PNG-compressed entries. Downscaling uses multi-step resampling, but a detailed photo still loses detail at 16 pixels — simple marks work best. Transparency is preserved in ICO and PNG when selected; the Apple touch icon uses a solid background. The SVG output embeds a PNG and is not a vector conversion. Your original stays unchanged.

FAQ

What size should my favicon be?

Ship the multi-size ICO (16/32/48), a 180×180 Apple touch icon, and 192/512 PNGs for Android. These are common browser and device sizes, not a guarantee that every platform uses every file.

ICO or PNG — which one do I need?

Include the ICO fallback and PNG or SVG alternatives. Copy the HTML snippet, then update the paths to match where you host the files.

Do browsers support SVG favicons?

Many modern browsers support SVG favicons. Keep the ICO fallback for browsers that do not. This tool embeds a 512×512 PNG inside the SVG; it does not trace your logo into vector paths.

I replaced my favicon but the old one still shows. Why?

Browsers cache favicons aggressively. Try a hard refresh or clear the browser cache. Check the file paths, and change the filename or version query if the cached icon persists.

Will my transparent background work on iPhones?

The Apple touch icon is always flattened onto the Apple background color you choose here. ICO and other PNG files keep transparency when selected.

Will this ZIP make my site installable as a PWA?

No. The manifest contains icon entries only. Merge them into your existing manifest or add the name, start URL and other PWA settings your site needs.