Micro Tool Yard logo
Tools

Drag & drop a logo or image here

Any image works best square, but any shape is center-cropped automatically — nothing leaves your device.

Ad Slot

How it works

  1. Drop your logo or image

    Square images work best; any other shape is center-cropped automatically.

  2. Generate the full icon set

    One click produces every standard favicon size, entirely on your device.

  3. Download individually or as a .zip

    Grab just favicon.ico, a single PNG size, or everything bundled together.

  4. Copy the ready-made <head> snippet

    Paste the generated <link> tags straight into your site to wire them up.

Favicon Generator turns one image into the complete set of icon files a modern site actually needs — a multi-resolution favicon.ico for browser tabs, individual PNGs at the sizes browsers request directly, an apple-touch-icon for iOS home screens, and the two square sizes Android and PWA manifests expect. All of it happens with the Canvas API directly in your browser; no file is ever sent anywhere to do this.

Favicons are square by definition, but source logos rarely are. Rather than stretching a wide or tall image into a distorted square, this tool center-crops to the largest square that fits the source image first, then resizes that square down to each target size — the same approach dedicated favicon generator services use, so a rectangular logo still produces a clean, undistorted icon.

The favicon.ico file bundles three resolutions (16×16, 32×32, 48×48) into one container using the modern PNG-based ICO format supported by every browser and OS since Windows Vista — there's no need for the old, lower-quality bitmap encoding older generators sometimes still produce.

Once generated, the tool also gives you a ready-to-paste <head> snippet referencing every file by its standard name, so wiring the icons into an existing site is a copy, paste, and upload rather than hand-writing five separate <link> tags from memory.


FAQ

What sizes and files does this generate?
favicon.ico (bundling 16×16, 32×32, and 48×48 for browser tabs and older Windows shortcuts), separate favicon-16x16.png and favicon-32x32.png files for modern browsers, apple-touch-icon.png (180×180) for iOS home-screen icons, and android-chrome-192x192.png / android-chrome-512x512.png for Android and PWA manifests.
My source image is not square — will the favicon look stretched?
No. Non-square images are center-cropped to a square before resizing, the same "cover fit" behavior most dedicated favicon tools use, so nothing comes out looking squashed. For full control over what stays in frame, crop the image to a square yourself first with the Crop Image tool.
Where do I put the downloaded files?
Upload them to your site's root directory (or wherever you prefer, updating the paths), then paste the provided <link> snippet into your HTML's <head> so browsers and devices can find them.
Is my image uploaded anywhere?
No. Every icon is generated entirely in your browser via a background worker — no file is ever uploaded, and no network request is made.