Skip to content
MyImageToolbox

Favicon Generator

Client-side

Create favicon.ico, Apple touch icon, Android icons and the web manifest from one image.

Runs 100% in your browser · If you allow preferences, this browser saves the fit, padding, corners, colours and app name — never your images

Drag and drop your image here

or

JPG, PNG, WebP, GIF, BMP, AVIF, HEIC, SVG · up to 50 MB per file

Your images are processed in your browser and are not uploaded. You can also paste an image with Ctrl+V.

Background

What does Favicon Generator do?

A favicon is the small icon shown in browser tabs, bookmarks, search results and on phone home screens when someone saves your site. Different places need different sizes and formats, which is why setting one up by hand is tedious. This generator creates the complete, modern set from a single image – a logo in PNG or SVG works best – and gives you the HTML to paste into your page.

What is in the ZIP

  • favicon.ico with 16, 32 and 48 px images inside, for browser tabs and legacy tools.
  • favicon-16x16.png and favicon-32x32.png for modern browsers.
  • apple-touch-icon.png (180×180), used by iPhone and iPad when the site is added to the home screen. It always has a solid background, because iOS shows transparency as black.
  • android-chrome-192x192.png and android-chrome-512x512.png for Android and installable web apps (PWA).
  • site.webmanifest with your site name, theme colour and icons, plus a text file with the HTML tags.

Designing a good favicon

At 16 pixels there is room for very little detail, so a simple symbol or one or two letters reads much better than a full logo with text. Use Fit to either show the whole image padded to a square or fill the square by cropping the edges; Padding adds breathing room, and Rounded corners gives the app-icon look. The live preview shows the icon at 16, 32, 48 and 180 pixels, so you can judge legibility before downloading.

Private by design

Every icon is drawn and encoded in your browser, and the ZIP is assembled on your device. Your logo is never uploaded, which matters when you are preparing a brand that has not been announced yet.

How to install the favicons

  1. Drop your logo, adjust the options and click Generate favicons.
  2. Unzip the files into the root folder of your website.
  3. Copy the HTML snippet into the <head> of your pages.

Frequently asked questions

Why does my old favicon still show?

Browsers cache favicons aggressively. Open the icon URL directly or clear the cache to see the new one.

Do I need all the files?

favicon.ico and the Apple icon cover most cases; the manifest and Android icons matter for phones and web apps.