Skip to content
PocketDesk
Your files are processed on your device, never uploaded

Favicon generator

Upload one image, get a ZIP of favicon files. Everything is made on your device.

  • No upload
  • No sign-up

Drop an image here

or paste from your clipboard

Then you can

How to make a favicon

  1. Select Choose file and pick a square-ish logo or icon. PNG, SVG, JPG and WebP all work. Large images give the best results.
  2. The tool draws every size you need and builds a ZIP.
  3. Select Download and unzip the folder into the root of your website.
  4. Paste the lines from README.txt into the <head> of your pages.

What is in the ZIP

  • favicon.ico: a multi-size file with 16, 32 and 48 pixel icons for browsers and Windows.
  • favicon-16x16.png and favicon-32x32.png: crisp tab icons for modern browsers.
  • apple-touch-icon.png: 180 × 180 pixels for iPhone and iPad home screens.
  • icon-192.png and icon-512.png: sizes for Android and web app manifests.
  • README.txt: the exact HTML tags to copy.

Design tips

Favicons are tiny, usually 16 pixels wide in a tab. Use a simple shape with strong contrast, and avoid thin lines and small text. A single letter or symbol on a solid color works well. Images that are not square are centered inside a transparent square rather than stretched. If the artwork touches the edges, add a little padding first with the image resizer or trim it with the crop tool.

The ICO file stores each size as a PNG, which every current browser and operating system reads. Apple icons do not support transparency well: iOS fills it with black, so give your 180 pixel icon a solid background if you can.

Tips

  • Starting from a vector? Export it with SVG to PNG at 4× first for a sharper source.
  • Test the icon in a few tabs and in a dark theme.
  • Browsers cache favicons for a long time. If you replace one, clear the cache or rename the file.

The icons are made in your browser, and your logo is never uploaded.

Questions

What sizes does the favicon pack include?

16, 32 and 48 pixel icons inside favicon.ico, plus 16 and 32 pixel PNGs, a 180 pixel Apple icon and 192 and 512 pixel app icons.

What image should I start with?

A square image at least 512 pixels wide. Simple, bold shapes work best at tiny sizes.

Does it support SVG?

Yes. SVG files are rendered by your browser and scaled to every size.

Where do I put the files?

In the root folder of your site, then add the tags from README.txt to your page head.

Is my logo uploaded?

No. Everything is made in your browser.

More image tools