Favicon Generator
Turn a logo or image into a complete favicon set: favicon.ico, PNG icons, an Apple touch icon, Android icons and site.webmanifest, plus the HTML to paste into your page.
- Runs on your device
- No sign-up
- Free, no watermark
How to use the Favicon Generator
- 01Drop a square logo or image (PNG, JPG, WebP, SVG or HEIC), ideally 512 px or larger.
- 02Choose Fit or Crop, and set the background, padding and corners.
- 03Check the preview, including how the 16 px icon looks in a browser tab.
- 04Download the ZIP, or each file on its own, and upload the files to your site.
- 05Copy the HTML and paste it into the <head> of your pages.
Good to know
Runs on your device
Your logo is drawn and packed in your browser. Nothing is uploaded.
The whole set
favicon.ico (16, 32 and 48 px), 16 and 32 px PNGs, a 180 px Apple icon, 192 and 512 px Android icons and a manifest.
Shape it
Fit or crop to a square, add padding, a background colour and rounded corners.
Ready to paste
Copy the <link> tags for your <head>. With an SVG logo you also get favicon.svg.
Frequently asked questions
Is my image uploaded?
No. The icons, the .ico file and the ZIP are all made in your browser, so your logo stays on your device.
Which files do I need?
Upload every file in the ZIP to the folder you entered (the site root by default) and paste the HTML. favicon.ico covers older browsers, the PNGs cover modern ones, apple-touch-icon.png is used when someone adds your site to an iPhone home screen, and the Android icons are listed in site.webmanifest.
Why does the Apple icon have a background?
iOS doesn't show transparency in home-screen icons, so transparent areas are filled with the colour you pick. It also keeps square corners, because iOS rounds them itself.
What does the .ico file contain?
Three sizes, 16, 32 and 48 px, each stored as PNG inside the .ico. All current browsers and Windows read this format.
Can I use an SVG logo?
Yes. It's drawn sharply at every size, and the original SVG is added as favicon.svg with a matching <link> tag, so browsers that support SVG favicons use it.