Skip to content
Kitvoo

Favicon generator

Every size in one ZIP

Square images work best. A PNG logo with a transparent background is ideal.

Drop an image for your favicon

You can also paste (Ctrl+V) · Up to 50MB

Your files are never sent to a server. Everything happens in this device’s browser.

How to use

  1. Drop the image for your favicon, or click Choose image.
  2. Set the padding and background (Transparent or Solid color), and use the previews to check how it looks at small sizes.
  3. Click Download ZIP to get the full set of files.
  4. Unzip them into your site’s root (/) and paste the HTML shown on screen into your <head>.

FAQ

What’s in the ZIP?

favicon.ico (16, 32 and 48px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180px), android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest.

Can I use a logo that isn’t square?

Yes. It isn’t cropped — the longer side is fitted and the logo is centered, with the leftover space transparent or filled with your background color.

Why does only the iPhone home screen icon have a white background?

The iOS home screen icon (apple-touch-icon.png) doesn’t support transparency, so it’s filled with a background color. With Transparent selected it’s white, and with Solid color it uses the color you picked.

Why is the name in site.webmanifest empty?

Site names differ, so name and short_name are left blank for you to fill in. theme_color uses your chosen color if you picked Solid color, and white otherwise.

Can I use an SVG logo?

This tool accepts JPG, PNG, WebP, AVIF, GIF and BMP. Export your SVG as a PNG of at least 512px first, then add it.

What if I put the files in a subfolder instead of the root?

The paths in the HTML and in site.webmanifest point to the site root (/). If you upload to another folder, update the href and src paths to match.