Developer

FAVICON GENERATOR

Upload PNG or SVG, preview every size live, tune padding. Download ICO + PNGs + manifest in one click.

Private by design No signup · Free

Source Image

Drop PNG / SVG here or browse

Square works best • max 5 MB • SVG stays sharp

demo-icon.svg

built-in demo • 512 x 512

Padding

12%

Padding keeps the glyph clear of favicon mask edges. 10–15% suits most logos.

Icon Shape

Icon Background

Preview Backdrop

Favicons sit on browser chrome, tabs and mobile home screens. Check all three.

Export

ICO embeds 16 / 32 / 48 px PNGs. ZIP adds 180 / 192 / 512 px PNGs + manifest + HTML.

Live Previews

16 px

32 px

48 px

180 apple

192 android

Small sizes are rendered from the same canvas pipeline as the downloads — what you see is what ships.

HTML Snippet

Package Info

PNG Sizes

12%

Padding

Square

Shape

Frequently Asked Questions

How does the Favicon Generator work?

Upload a PNG or SVG, preview it at 16, 32, 48 and 180 pixels, then download a multi-size ICO plus 192 and 512 manifest icons. Everything renders in your browser via canvas, no upload needed.

What sizes are included in the download?

The ZIP contains favicon.ico with 16, 32 and 48 pixel layers, plus 180 apple-touch-icon and 192 and 512 manifest PNGs. Copy the link tags shown to add them to your HTML head in seconds.

Can I convert SVG to favicon?

Yes. Drop an SVG logo and the tool rasterizes it at each size with transparency preserved. Use a square source with padding for crisp edges on dark and light browser tabs.

Why does my favicon look blurry?

Blurry icons come from upscaling a tiny source or missing 16 pixel layer. Start from a 512 source, keep shapes bold, test the live 16 preview, and avoid thin text below 32 pixels.

Does it support transparent backgrounds?

Yes. Transparency is preserved in ICO and PNG outputs. Toggle the checker preview to verify edges before downloading, especially for dark-mode tabs.

Is it free and private?

Yes, free with unlimited use and no sign-up. Files never leave your device and nothing is stored. Saved presets stay only in your browser localStorage.

How to Use

Upload Logo

Drop a square PNG or SVG with padding. Large 512 sources give sharpest small icons.

Preview Sizes

Check live 16, 32, 48 and 180 previews on light, dark and checker backgrounds.

Adjust Padding

Use the padding slider to prevent edge clipping in browser tabs and mobile home screens.

Download Pack

Download ICO plus manifest PNGs as a ZIP with copy-paste HTML link tags.

Install Tags

Paste the snippet into head, add manifest icons, and hard-refresh to bypass favicon cache.

How to Calculate

The tool rasterizes your source with canvas drawImage at 16, 32, 48, 180, 192 and 512 pixels, packs ICO layers with image/png to BMP/PNG directory structure, and exports manifest PNGs. Previews use CSS image-rendering to show true tab sharpness.

About the Favicon Generator

The Favicon Generator turns one logo into a complete icon set: multi-size favicon.ico, apple-touch-icon, and manifest 192 and 512 PNGs with HTML snippet. Live pixel previews catch blur before you ship.

Everything runs locally in your browser with no uploads and no account needed — open, upload, and download your pack.

Related Tools

Image Resizer & Cropper

Social Media Post Preview

SVG Compressor

Methodology & feedback

Figures run locally in your browser from the values you enter (page updated 2026-10-02). Estimates are educational only — verify finance, tax and health decisions with a qualified professional (see Disclaimer). Spotted an error? Report it via contact and we correct with a new update date.

Was this tool helpful?