Home›Tools›Image Tools›Favicon Generator

Favicon Generator

Generate all favicon sizes from any image. Download as ZIP with HTML snippet. Free, runs in browser.

📁

Drop your image here

Square images work best. Min 512×512px recommended.

Accepted: image/* · Max: 10 MB

About Favicon Generator

A favicon is your site's identity in a sea of browser tabs — the tiny icon users scan for when they have twenty tabs open. Sites without one show a generic globe that quietly says "unfinished".

This generator takes one square image and produces the full favicon set modern sites need: multiple PNG sizes for browsers and devices, and Apple touch icons for iOS home screens, with the HTML tags to paste into your page head.

How to use Favicon Generator

1
Upload a square logo
Start from at least 512×512 px — everything downscales from this master.
2
Preview at tab size
Check the 16×16 and 32×32 previews; fine detail vanishes at those sizes.
3
Generate the set
All standard sizes are produced at once, correctly named.
4
Install on your site
Drop the files into your web root and paste the provided link tags into your HTML head.

Tips for better results

✓Simplify: a bold single letter or mark reads at 16px; a detailed logo becomes noise.
✓Test on a dark browser theme — dark logos disappear against dark tab bars.
✓Favicons cache aggressively; hard-refresh or bump the file name to see changes.

Frequently Asked Questions

What image size should I start with? +

Use a square image of at least 512×512 pixels for the best results. The tool will downscale it to each favicon size. Starting with a high-resolution square image ensures all smaller sizes look sharp.

What does the HTML code do? +

The HTML code shows you exactly what to paste into your website's <head>section to link all the favicon files. This tells browsers and devices which icon file to use for tabs, bookmarks, and home screen shortcuts.

What is the Apple Touch Icon? +

The 180×180 Apple Touch Icon is used when users add your website to their iPhone or iPad home screen. Without it, Safari uses a screenshot of the page instead of a proper icon.

What is the 192×192 icon for? +

The 192×192 PNG is used by Android Chrome when users add your site to their home screen. The 512×512 is used for Progressive Web App (PWA) splash screens.

Are my images uploaded to a server? +

No. All favicon generation happens entirely in your browser using the HTML5 Canvas API. Your images never leave your device and are never uploaded anywhere.