Favicon Generator
Every icon size a site needs, plus the HTML to paste in.
Everything is processed on your device. Nothing you upload or type is sent to a server, and nothing is stored.
Favicon Generator online
A favicon stopped being one file years ago. Browsers want PNGs at several sizes, iOS wants a 180px touch icon, Android wants 192 and 512 for the home screen, and older software still asks for favicon.ico. Drop in one square image and get the whole set, with a real multi-resolution .ico rather than a renamed PNG, and the markup to paste into your head.
How to use favicon generator
Upload a square image
At least 512 × 512, ideally with a transparent background. A non-square image is cropped from the centre.
Let it generate
Seven files are produced: favicon.ico plus six PNGs.
Download them
Take them individually, and put them in the root of your site.
Paste the HTML
The snippet under the results goes in your <head>.
Frequently asked questions
Do I still need favicon.ico?
For a modern site, almost never — browsers prefer the PNG links in your HTML. It is still worth having at the root, because some feed readers, link previewers and older software request /favicon.ico blindly and show nothing when it 404s. It costs a few kilobytes.
Can I just rename a PNG to .ico?
No, and it is a common shortcut that half-works. ICO is a container format with its own header describing the images inside it — a renamed PNG has no such header. The .ico produced here is a real container holding 16, 32 and 48px versions, so the browser picks whichever it needs.
What size should my source image be?
512 × 512 or larger, and square. Everything is scaled down from your original, so a small source gives blurry large icons, and scaling up cannot invent detail that was never there.
Why does my logo look like a smudge at 16px?
Because 16 × 16 is 256 pixels in total, and detailed artwork simply cannot survive it. Favicons that read well are a single letter, a simple mark or a bold silhouette. If your full logo is complex, make a simplified version for the small sizes rather than shrinking it.
Should my favicon have a transparent background?
Usually yes, so it sits properly on light and dark browser chrome. The exception is a mark that disappears against one of them — a black logo on transparent vanishes in dark mode — in which case give it a solid background shape instead.
Is my image uploaded anywhere?
No. Every size is drawn and encoded in your browser, and the .ico is assembled here too. A logo that has not been announced yet stays on your machine.
You might also like
Image ToolsResize ImageChange the width and height of an image to exact dimensions.
Image ToolsImage ConverterConvert between JPG, PNG and WebP in any combination.
Image ToolsImage CropperCrop an image by dragging, or to a fixed aspect ratio.
Image ToolsCompress ImageShrink JPG, PNG and WebP images while keeping them looking good.
