Candid Tools

Favicon Generator

Favicon Generator makes a multi-size favicon.ico, Apple touch icon, Android icons and site.webmanifest from one image or a letter, in your browser, with the HTML snippet to link them.

Choose a logo or image, drop it here, or paste it (Ctrl+V)

Image file. Stays on your device, never uploaded.

At a glance

Accepts
One image, or a letter or emoji on a colour
Outputs
A ZIP with favicon.ico (16/32/48), PNG icons (16, 32, 180, 192, 512), site.webmanifest and the HTML link tags
Where it runs
Entirely in your browser, on your device
What leaves your device
Nothing - the file never leaves your device
Limits
Detailed logos lose detail at 16 px; the output is only as good as the source image
Account
Not required - there is no sign-up
Price
Free, with no watermark and no usage cap
Made by
Visrut
Last updated
11 November 2026

Favicon Generator turns one image, or a letter or emoji on a colour, into the full set of site icons: a multi-size favicon.ico, the Apple touch icon, the two Android icons and a site.webmanifest. It also gives you the HTML to link them. Everything is drawn in your browser, so your logo stays on your device.

How to use it

  1. Choose a logo or image, or switch to "Letter or emoji" and type one.
  2. Crop to a square or fit the whole image, then set padding, corners and background.
  3. Check the 16 px preview: that is what a browser tab shows.
  4. Download the ZIP and put the files in your site's root folder.
  5. Copy the HTML snippet into your page's <head>.

Frequently asked questions

Is my logo uploaded anywhere?

No. The icons are drawn on a canvas in your browser and packed into the ZIP on your device. Nothing is sent to a server.

Which files do I actually need?

favicon.ico covers every browser, including old ones that only look for /favicon.ico. apple-touch-icon.png is what an iPhone uses when someone adds your site to the home screen, and the two Android icons plus site.webmanifest do the same on Android. The ZIP has all of them, and the HTML snippet links them.

What is inside the favicon.ico?

Three sizes, 16, 32 and 48 pixels, each stored as a PNG. The browser picks the one that fits the tab, bookmark bar or taskbar. PNG inside ICO works in every current browser and keeps the file small.

My logo looks blurry at 16 pixels. What can I do?

A detailed logo cannot survive being 16 pixels wide. Use just the symbol or first letter of your logo, crop to it, and set padding to zero. The letter mode is made for this: one bold letter on a solid colour reads well at any size.

Where do I put the files?

In the root folder of your site, next to your home page, so they are served at /favicon.ico, /apple-touch-icon.png and so on. Then paste the snippet into the <head> of your pages. Browsers cache favicons hard, so a hard refresh or a private window may be needed to see the new one.