How do I add the favicon to my site?

Unzip the pack into your site's root folder and paste the provided tags into the of your HTML. The tool shows the exact snippet with a copy button.

Favicon Generator

Turn any logo into a complete favicon pack — favicon.ico, every PNG size and an Apple touch icon — all in your browser.

FreeNo SignupBrowser-Based

Your image never leaves your browser. Every size and the .ico file are generated on your device — nothing is uploaded.

How it works

Upload a square logo or image

Pick a background and preview the sizes

Download the favicon pack and paste the HTML

About this tool

A favicon is the small icon that appears in browser tabs, bookmarks and history — and on phone home screens when someone saves your site. This free favicon generator turns a single image into everything you need: a multi-resolution favicon.ico for classic browser support, crisp PNGs from 16px right up to 512px for Android and PWAs, and a 180px Apple touch icon for iPhones and iPads. Upload a square logo, choose a transparent, white or custom background, and download a ready-to-ship ZIP together with the exact HTML link tags to drop into your page head. Everything is rendered and packaged locally with the Canvas API, so your artwork is never uploaded, there is no watermark, and there are no limits — ideal for shipping a polished favicon on any website.

Frequently asked questions

You get a multi-resolution favicon.ico (16, 32 and 48px), standalone PNGs at 16, 32, 48, 192 and 512px, and a 180px apple-touch-icon.png — everything modern browsers, Android and iOS need.

Yes. Upload any PNG, JPG, WebP or SVG and the tool renders a proper .ico file that embeds 16, 32 and 48px images, which is what browsers request for the address bar and bookmarks.

A square image works best — ideally 512×512px or larger with a simple, high-contrast mark so it stays legible at 16px. You can add a white or coloured background if your logo is transparent.

Unzip the pack into your site's root folder and paste the provided <link> tags into the <head> of your HTML. The tool shows the exact snippet with a copy button.

No. All rendering and ICO packaging happen in your browser, so your image never leaves your device.