TinySandyFree Online Tools

Favicon Generator

Turn a logo into every icon file a modern website needs. From one picture the generator creates favicon.ico with 16, 32 and 48 px images, PNG favicons, a 180 px Apple touch icon, 192 and 512 px Android icons and a web manifest, plus the exact HTML tags to paste into your page, all packed into a single ZIP built in your browser.

Design Helpers Runs in your browser

Generate a Favicon Set

Drag and drop your logo (PNG, SVG, JPG or WebP) here, or click to browseAccepted: PNG, JPG, JPEG, WEBP, SVG, GIF, BMP. Up to 40 MB.
Also used for the Apple touch icon, which cannot be transparent.
Rounds the background square; 50% makes a circle.
Used in site.webmanifest.
Colours the browser toolbar on some phones.
Where you will upload the files, for example / or /assets/icons/.

How to Use the Favicon Generator

  1. Add your logo, ideally a square PNG or SVG of at least 512 px.
  2. Choose a transparent or solid background, padding and rounding.
  3. Enter the site name, theme colour and the folder where you will upload the files.
  4. Press Generate, download the ZIP, upload its files and paste the HTML into your page's head.

About This Tool

Web developers launching a site, bloggers using a site builder that accepts custom icons, and designers handing over a complete icon set.

Input: PNG / JPG / SVG / WebP  ·  Output: ZIP (ICO + PNG + manifest).

Features and Limitations

Features

  • favicon.ico (16, 32, 48 px), PNG 16 and 32, Apple touch icon 180, Android 192 and 512 px.
  • site.webmanifest and ready-to-paste HTML link tags with your folder path.
  • Optional background colour, padding and corner rounding.
  • Everything generated locally and packed into one ZIP.

Limitations

  • Small sizes such as 16 × 16 px cannot show fine detail; a simple, bold logo works best.
  • SVG files without a width and height may not load in every browser; export a PNG if that happens.
  • Dark-mode variants and Safari pinned-tab SVG icons are not generated.
  • Processing happens on your device, so very large files depend on your browser's available memory.

Example

From a 1024 × 1024 px logo the ZIP contains favicon.ico (3 sizes), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 × 180), android-chrome-192x192.png, android-chrome-512x512.png and site.webmanifest.

Frequently Asked Questions

Do I still need favicon.ico?

Yes, it is still the most compatible option: some browsers, bookmark tools and crawlers request /favicon.ico directly. Modern browsers also use the PNG and manifest icons.

Why is the Apple touch icon not transparent?

iOS fills transparent areas with black, so the generator always places it on your background colour.

Where do I put the files?

Upload them to the folder you entered (the site root, “/”, is simplest) and paste the HTML tags inside the head element of every page.

Is my logo uploaded?

No. All icons and the ZIP are generated in your browser.

Related Tools

More like this: all Design Helpers tools, all Image & Design tools or the TinySandy home page.