MUTools

Image

Favicon Generator

Favicon Generator turns a single image into favicon.ico and a full set of device icons, then writes the HTML you need to install them. There is no upload step — just load an image in your browser and every size is ready.

Drag and drop an image here (PNG / JPG / WebP / SVG)

or

PNG / JPG / WebP / SVG, up to 20 MB (square image recommended)

Every image you upload is processed entirely in your browser and is never sent to an external server.

Related Tools

Image Compressor

Compress JPG and PNG images without losing quality — JPG quality slider, PNG lossless optimization. Free, no signup. Runs entirely in your browser.

Image Cropper

Crop JPG, PNG, and GIF images by aspect ratio or exact pixels, plus circle and ellipse crops as transparent PNG. Free, no signup, in-browser.

Image Resizer

Resize JPG, PNG, GIF, and WebP images by pixel or percentage with aspect ratio locked. No watermark. Runs entirely in your browser.

Image to Text (OCR) (β)

Extract text from images, screenshots, and photos with OCR, then edit, copy, or download as .txt. Free, no signup. Runs entirely in your browser.

WebP Converter

Convert JPG, PNG, and SVG images to lightweight WebP, batch up to 10 files with ZIP download. Free, no signup. Runs entirely in your browser.

Slack Custom Emoji Generator

Make custom Slack emoji from text or images (128×128) with fonts, colors, outline, and GIF animation. Discord too. Runs entirely in your browser.

About Favicon Generator

Favicon Generator turns a single image into favicon.ico and a full set of device icons, then writes the HTML you need to install them. There is no upload step — just load an image in your browser and every size is ready.

It outputs favicon.ico for browser tabs (a multi-resolution file with 16 / 32 / 48 px), an Apple touch icon for the iPhone home screen (180px), 192 / 512px icons for Android Chrome and PWAs, and site.webmanifest (manifest.json). When you load an SVG, a vector icon.svg for modern browsers is included too.

Adjust the background color, padding, and corner radius on the spot, with the preview updating instantly. Add a white background behind a transparent PNG logo, or round the corners, however you like. You can also enter the manifest app name and theme color, then copy or download everything alongside the install snippet.

Every image you load is processed entirely in your browser and is never sent to an external server, so confidential logos and unreleased designs are safe to use. Free, no signup required, and it runs entirely in your browser.

How to use

  1. Drag and drop an image (PNG / JPG / WebP / SVG) onto the drop area, or click to choose one (pasting from the clipboard also works).
  2. Adjust the background color, padding, and corner radius as needed. The preview updates instantly.
  3. Enter the manifest settings (app name, short name, theme color, background color).
  4. Download each generated icon individually, or click "Download ZIP" to grab the full set at once.
  5. Place the files from the ZIP at your site root and paste the displayed HTML into your <head>.

Use cases

  • Adding a favicon for browser tabs and bookmarks to a new website or blog you are launching.
  • Preparing not just favicon.ico but also iPhone / Android home-screen and PWA icons in one pass.
  • Web builders who want a full device icon set from a logo, plus the install HTML to copy as-is.
  • Turning a confidential logo or unreleased design into icons locally, without uploading it anywhere.
  • Producing both an SVG favicon for modern browsers and raster icons in every size from an SVG logo.

Notes

  • Outputs are favicon.ico (16 / 32 / 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180px), android-chrome-192x192.png, android-chrome-512x512.png, and site.webmanifest.
  • favicon.ico is a multi-resolution icon that bundles 16 / 32 / 48 px into a single file.
  • The Apple touch icon does not support transparency, so it is filled with white even when the background is set to "transparent".
  • A near-square image is recommended. Images with a different aspect ratio are centered with padding added.
  • A vector icon.svg is included in the package only when you upload an SVG.

FAQ

Are images uploaded to a server?
No. Everything is generated entirely in your browser, and images are never sent anywhere. Confidential logos and personal images are safe to use here.
Which sizes are inside favicon.ico?
It is a single ICO file that bundles three resolutions — 16 / 32 / 48 px. The browser uses the best size for each context, such as tabs and bookmarks.
Where do I paste the install HTML?
Place the files from the ZIP in your site's root directory, then paste the displayed <link> / <meta> tags into the <head> of your HTML.
What kind of image should I upload?
PNG / JPG / WebP / SVG are supported. A square PNG or SVG with a transparent background gives the cleanest result at every size.
What is site.webmanifest (manifest.json)?
It is a configuration file that defines the icons, app name, and theme color for Android Chrome and PWAs. This tool generates it from your input and includes it in the ZIP.