Tooleem
ImagesThis tool runs in your browser. No files or text are sent to our servers.

Favicon Generator

Generate a full favicon package from one image — 16x16, 32x32, apple-touch-icon, Android Chrome icons, a combined .ico, site.webmanifest, and the HTML to paste in <head> — as one zip download. Runs in your browser.

Share toolWhatsApp

A free favicon generator that builds a complete icon package from one image: standalone PNGs at the standard favicon, Apple touch icon, and Android Chrome sizes, a combined favicon.ico for legacy browser support, a site.webmanifest file, and the exact HTML tags to paste into your page's <head> — all bundled into one zip download. Everything is generated client-side with the canvas API; your image is never uploaded anywhere.

01

How to use this tool

  1. 01Enter a site name and theme color (optional)Used to fill in the generated site.webmanifest file.
  2. 02Upload an imageA square image works best, ideally at least 512×512 pixels, so every generated size stays sharp.
  3. 03Download the zip and paste the HTML snippetUnzip the files into your site's root (or wherever your favicon files live), and paste the provided <link> tags into your page's <head>.
02

When is this useful?

  • Setting up favicons for a new websiteGet every standard icon size and the manifest file in one step, instead of manually resizing an image five separate times.
  • Making sure a site looks right when added to a phone home screenThe Apple touch icon and Android Chrome icon sizes are the ones each platform actually uses when a user adds your site to their home screen.
  • Replacing an outdated single favicon.icoModern sites benefit from a full icon set, not just one small .ico file — this generates the complete modern set from your existing logo or icon image.
03

Examples

  • What gets generatedfavicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, a combined favicon.ico (16/32/48px), and a site.webmanifest.
  • The HTML snippetA ready-to-paste block of <link> tags referencing every generated file, so your browser tab icon, iOS home-screen icon, and Android home-screen icon all work correctly.
  • A non-square source imageIf your uploaded image is not square, it is centered and scaled to fit within each square canvas, rather than being stretched or distorted.
04

Why these specific sizes

16×16 and 32×32 are the traditional favicon sizes shown in browser tabs and bookmarks. 180×180 is the size Apple documents for the iOS home-screen touch icon. 192×192 and 512×512 are the sizes commonly used in a Web App Manifest for Android Chrome's home-screen and splash-screen icons. The combined favicon.ico (embedding 16, 32, and 48px) covers older browsers that only look for that one file.

05

Everything happens in your browser

Your image is resized using the HTML canvas API entirely on your device — it is never uploaded to a server. The zip file (containing the generated PNGs, the .ico, and the manifest) is also built client-side using a JavaScript zip library, then offered to you as a direct download.

06

What the site.webmanifest is for

A Web App Manifest is a small JSON file that tells browsers how your site should behave when added to a home screen — including the name, icons, and theme color. This tool generates a minimal, valid manifest referencing the two Android Chrome icon sizes; you can extend it further if your site needs additional manifest fields.

07

Frequently asked questions

Does my image get uploaded anywhere?

No — every resize operation runs in your browser using the canvas API, and the zip file is assembled client-side as well. Your image never leaves your device.

What if my source image is not square?

It is centered and scaled to fit within each square output size, preserving its aspect ratio, rather than being stretched to fill the square.

Do I need all of these files?

For full compatibility across browsers and devices (older browsers, iOS home screen, Android home screen), yes — but if you only need basic favicon support, favicon.ico and favicon-32x32.png alone cover most modern browsers.

Is my data saved?

No. Everything is generated in your browser; nothing is sent to a server.

Related tools

Related tools

Missing a tool, or found a bug?We build Tooleem around what you need. Tell us what to add or fix.
Tell us