Turn any image into a complete set of favicons. Upload a PNG, JPG, SVG or WebP and the tool resizes it to every size browsers and devices need — 16, 32, 48, 180, 192 and 512 pixels — previews it in a browser-tab mockup, and gives you each PNG plus the exact HTML to paste. 100% in your browser — your image never leaves your device.
🔒 Everything runs in your browser with the Canvas API. Your image is never uploaded, logged or stored.
The Favicon Generator turns a single image into the complete set of favicon files that browsers, bookmarks and mobile devices expect. A favicon is the small icon in a browser tab, a bookmark, the history list and the home-screen shortcut on phones — a tiny but important part of how recognisable and trustworthy a site looks. Modern devices want several sizes, from the 16-pixel tab icon to the 512-pixel Android icon, and getting them right by hand is fiddly. Upload one square image and this tool resizes it to every size with the Canvas API, previews it in a browser-tab mockup, and gives you each PNG plus the exact HTML to link them.
It is part of the Social & Rich Preview group in our free SEO Toolkit. Pair it with the Facebook & OG Preview and Twitter Card Preview for social share images, the Meta Tag Generator for a full head block, and the Base64 Image Encoder if you want to inline a small icon. Everything runs in your browser — your image never leaves your device.
Resized in your browser, with the HTML to match.
16, 32, 48, 180, 192 and 512 pixels generated at once.
See your favicon in a real browser-tab mockup.
Grab every PNG and the link tags to paste.
Canvas resizing runs locally — your image stays on your device.
From one image to a full favicon set.
A square PNG, JPG, SVG or WebP.
All sizes render instantly.
Grab all the favicon files.
Add the link tags to your head.
What each generated file is for.
The classic browser-tab and bookmark icons.
Windows site icons and higher-density tabs.
The Apple touch icon for iOS home screens.
Android home-screen and PWA install icons.
A favicon generator creates the small icon files that represent your website across browsers and devices. The favicon is the little image you see in a browser tab, beside a bookmark, in the history list and on a phone's home screen when someone saves your site. It is a small detail with an outsized effect: a crisp, recognisable favicon makes a site look established and trustworthy, while a missing or blurry one makes it look unfinished. Because different contexts need different sizes — a 16-pixel tab icon up to a 512-pixel app icon — you really need a set of files, not one. This tool generates that whole set from a single image using the Canvas API, entirely in your browser. It is part of the Social & Rich Preview group in the SEO Toolkit.
Modern browsers and platforms each prefer their own icon dimensions, and covering the common ones keeps your site sharp everywhere. The 16 and 32 pixel icons are the classic favicons for browser tabs and bookmarks. 48 pixels serves Windows and higher-density displays. The 180 pixel apple-touch-icon is what iOS uses when someone adds your site to their home screen. The 192 and 512 pixel icons are used by Android and by Progressive Web Apps for the home screen and install prompt. Generating all of these from one source means every device shows a clean icon instead of a stretched or pixelated guess.
Browser tabs, bookmarks and history.
Windows and high-density tab displays.
Apple touch icon for iOS home screens.
Android and Progressive Web App icons.
The best results come from a square image of at least 512 by 512 pixels, because every favicon size is scaled down from your source and downscaling stays sharp while upscaling does not. A bold, simple design works far better than a detailed one: at 16 pixels there is room for a single letter, a monogram or a clear symbol, not fine text or intricate artwork. A transparent PNG lets the icon sit cleanly on any tab colour. If your image is not square, this tool centres it and adds padding so it is never distorted, and it warns you when the source is smaller than ideal so you can swap in a larger file before publishing.
Upload the PNG files to your website's root directory, then add the generated link tags to the <head> of your pages. The tags use root-relative paths like /favicon-32x32.png, so keeping the files in the root means the paths just work. On WordPress you can also set a Site Icon under Appearance, which handles much of this automatically.
Modern browsers happily use PNG favicons through the link tags, so a classic .ico file is no longer essential. Some older browsers and tools still look for /favicon.ico by default, so you can optionally keep a 32-pixel icon at that path as a fallback. For most sites today the PNG set this tool produces is enough.
Blurriness almost always comes from a source image that is too small or too detailed. Upscaling a tiny image softens it, and fine detail disappears at 16 pixels. Start from a square image of at least 512 by 512 pixels with a simple, bold design — a single letter or clear symbol reads far better at small sizes than intricate artwork or text.
No. The resizing is done entirely in your browser with the HTML Canvas API, the same technology our image tools use, and your file is never sent over the network. Nothing you upload is stored or logged, so it is safe to use with logos and brand assets you have not published yet.
Add a complete favicon set before going live.
Refresh every icon size from a new logo.
Generate the 192 and 512 icons an app install needs.
Produce the apple-touch-icon for saved shortcuts.
Use the Favicon Generator with these tools from the SEO Toolkit: preview social shares with the Facebook & OG Preview and Twitter Card Preview, build a full head with the Meta Tag Generator, inline a small icon with the Base64 Image Encoder, validate structured data with the Rich Result Preview, and estimate file weight with the Image Size Estimator.
Anyone setting up a website's identity.
Everything about generating favicons.
It turns a single source image into the complete set of favicon files browsers and devices need. Upload a square PNG, JPG, SVG or WebP and it resizes it to six sizes — 16, 32, 48, 180, 192 and 512 pixels — previews the icon in a browser-tab mockup, lets you download every PNG, and gives you the HTML link tags to paste into your page head.
Yes, completely. There is no cost, no sign-up and no limit on how many favicons you generate. The tool runs entirely in your browser, so there are no server costs and nothing to pay for.
Six: 16 and 32 pixels for browser tabs and bookmarks, 48 pixels for Windows and high-density displays, 180 pixels for the Apple touch icon on iOS home screens, and 192 and 512 pixels for Android and Progressive Web App icons. Together these cover the contexts where a favicon appears across modern devices.
Use a square image of at least 512 by 512 pixels with a bold, simple design — a single letter, a monogram or a clear symbol reads far better at 16 pixels than fine text or detailed artwork. A transparent PNG sits cleanly on any tab colour. The tool downscales from your source, which stays sharp, so bigger is better.
The tool centres a non-square image and adds padding so it is never stretched or distorted, and it shows a warning so you know. For the cleanest result, crop your image to a square before uploading, but a non-square source will still produce usable favicons centred within each size.
Upload the downloaded PNG files to your website's root directory and add the generated link tags to the head of your pages. The tags use root-relative paths such as /favicon-32x32.png, so keeping the files in the root makes the paths work without changes. On WordPress, the Site Icon setting can also handle much of this.
Not usually. Modern browsers use PNG favicons through the link tags, so a classic .ico file is no longer essential. Some older browsers and tools still request /favicon.ico by default, so you can optionally keep a small icon at that path as a fallback, but the PNG set this tool produces is enough for most sites.
Blurriness comes from a source image that is too small or too detailed. Upscaling a tiny image softens it, and intricate detail disappears at 16 pixels. Start from a square image of at least 512 by 512 pixels with a simple, high-contrast design so it stays crisp when scaled down to the smallest favicon sizes.
No. The resizing is done entirely in your browser using the HTML Canvas API, the same technology behind our image tools, and your file never leaves your device. Nothing you upload is stored or logged, so it is safe to use with logos and brand assets that are not public yet.
Yes. The Download all PNGs button saves every generated size in sequence with the standard filenames, such as favicon-32x32.png and apple-touch-icon.png. Your browser may ask permission to download multiple files the first time, which is normal for a tool that produces several files at once.
Yes. The generator is fully responsive, so you can upload an image and download the favicons from a phone or tablet. The drop zone, the size previews, the browser-tab mockup and the HTML output all work on small screens, though uploading from a desktop is usually more convenient for design files.
Convert, compress, and resize images in multiple formats — JPG, PNG, WebP, ICO, and more.
Calculate in-hand salary, CTC breakup, tax deductions, and more for Indian employees.
Convert length, weight, temperature, speed, volume, and 200+ measurement units instantly.
Count words, convert case, generate lorem ipsum, find & replace text, and more writing utilities.
Upload one image and get every favicon size browsers and devices need, a browser-tab preview, and the exact HTML to paste — all generated in your browser. Free, private and instant.
🎯 Open the Generator ← All Preview Tools