Privacy: All icon generation runs locally in your browser. Your image is never uploaded to any server.

🖼️ 1. Choose an image

Click or drag an image here (PNG, JPG, SVG, WebP…)

⚙️ 2. Fitting options

Fit mode

Background

📦 3. Generated icons

Upload an image first — all standard icon sizes will appear here automatically.

💡 How to use these icons

Place the files in your site root (e.g. /favicon.ico) and add to your HTML:

<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

For PWA installability, use the 192×192 and 512×512 icons in your web manifest. PNG/ICO transparency is preserved — no background is forced unless you choose the white-background option below.

Frequently Asked Questions

What icon files does a website actually need?

Minimally a favicon.ico (16/32/48) plus a 32×32 PNG for modern browsers. For a polished result also add apple-touch-icon.png (180×180) for iOS home screens and 192/512 PWA icons for installable apps — this tool generates all of them from one image.

Does favicon.ico support transparency?

Yes. The generated ICO embeds PNG images (Vista+ format) which keep full alpha transparency, so a transparent PNG source stays transparent in the icon.

Why does my 16×16 icon look blurry?

Small icons are resized from a 512×512 intermediate canvas with high-quality filtering. If it still looks soft, prefer bold, high-contrast shapes and avoid fine text at 16px. Try the “Center crop” fit mode for square designs.

Are my images uploaded to a server?

No. Every icon is rendered locally in your browser with Canvas — your image never leaves your device.

Frequently Asked Questions

Related Tools