Favicon Generator
Generate favicon files in all required sizes from any image.
How to Use Favicon Generator
- 1Upload your logo or icon — ideally square and at least 512×512 px.
- 2If it isn't square, choose 'Fit whole image' or 'Crop to square', and add padding if it touches the edges.
- 3Keep the background transparent or pick a colour; the preview shows every size live.
- 4Download favicons.zip and add the HTML snippet to your page's <head>.
Frequently Asked Questions
What's in the ZIP?
favicon.ico (16, 32 and 48 px in one file), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), icon-192.png and icon-512.png for Android, a site.webmanifest, and a README with the HTML to paste.
Do I still need favicon.ico?
It's worth having: some browsers, feed readers and tools still request /favicon.ico directly. The included one holds 16, 32 and 48 px versions.
Why is my Apple icon not transparent?
iPhones and iPads show transparent areas of the home-screen icon as black, so the Apple icon always gets a solid background in the colour you choose.
What image should I start with?
A square image of at least 512×512 px. Simple, high-contrast shapes stay recognisable at 16 px; detailed photos don't.
About Favicon Generator
Every website needs favicons — the icons in browser tabs, bookmarks and on phone home screens. The Favicon Generator makes the full set from one image: a real favicon.ico, PNG sizes for browsers, Apple and Android, and a web manifest.
Non-square logos can be padded or cropped to a square, and the live preview shows how each size looks before you download. Everything is drawn in your browser — nothing is uploaded.