Create favicons in all standard sizes from an image or text/emoji. Download PNG files instantly — 100% offline, nothing uploaded.
The Favicon Generator turns an uploaded image or a single letter or emoji into a complete set of website favicons — every standard size, the matching favicon.ico, and the HTML link tags to paste into your page — without installing anything or signing up.
A favicon is the tiny icon a browser shows in the tab, the bookmark bar, the history list, and on a phone's home screen when someone saves your site. Getting it right used to mean juggling a dozen sizes and file formats by hand. This tool does it in one pass. Choose a source, tweak it, and the live preview renders your icon at 16×16, 32×32, 48×48, 64×64, 128×128, 180×180, 192×192, and 512×512 — the sizes browsers, Apple Touch, and Android PWAs actually request. Upload mode center-crops any image to a square and lets you add padding and a background colour or keep it transparent. Text mode draws a letter, monogram, or emoji over a coloured tile with adjustable corner radius and an optional bold weight, which is perfect when you do not have artwork yet. People use it to:
favicon.ico alongside the PNG sizes<link> tags straight into the page <head>Download each size on its own, or grab the whole bundle as a ZIP that includes every PNG, a packaged favicon.ico built from the 16, 32, and 48 pixel versions, and a favicon-tags.html file with the link markup. Everything runs locally in your browser using the canvas API — your image is never uploaded to a server, so logos and unreleased branding stay private on your own device.
favicon.ico, or copy the HTML link tags for your <head>.The safe set: 16/32 for tabs, 180 for Apple touch, 192 + 512 for Android PWAs. This tool generates all of those plus the matching HTML snippet.
Square composition, bold shapes, and high contrast. Avoid thin lines or text smaller than 2 characters — they vanish at 16×16.
Browsers cache favicons aggressively. Hard-reload (Cmd/Ctrl + Shift + R) or append ?v=2 to the link href to force a refetch.
For full coverage you want PNGs at 16×16 and 32×32 for browser tabs, 48×48 and 64×64 for Windows and retina tabs, a 180×180 Apple Touch icon for iOS home screens, and 192×192 plus 512×512 for Android and PWA installs. A classic favicon.ico covers the smallest sizes for older browsers. This tool generates all of these in one go.
Use both. The favicon.ico is a single bundled file containing the 16, 32, and 48 pixel versions, which is the most compatible fallback for older browsers and Windows. Modern browsers prefer the individual PNGs because they are sharper and support larger sizes. The ZIP download includes a real multi-resolution ICO plus every PNG, so you are covered everywhere.
Paste the generated snippet inside your page <head>. It includes one line for the ICO with sizes="any", a <link rel="icon"> for each PNG size, and a <link rel="apple-touch-icon"> for the 180×180 file. Upload the matching files to your site root so the paths resolve, then click Copy in the HTML Snippet panel to grab the markup.
Favicons are cached more stubbornly than almost any other asset, so an old icon can linger long after you upload a new one. A hard refresh clears it for you, but visitors may still see the old version. The reliable fix is to change the file path or add a version query like favicon.ico?v=2 to the link href, which forces every browser to fetch the new file.