HohoTools
中文

Favicon Generator

A proper favicon set used to mean a checklist: .ico for browsers, 180 for apple-touch, 192 and 512 for PWA installs, a manifest to tie it together, and the right link tags.

Click or drop files here / 点击或拖拽文件到此处

How to use

  1. Prepare a square logo (512×512 or larger works best) and drop it into the upload area.
  2. The generator produces a zip: multi-size .ico, 180/192/512 PNGs, site.webmanifest and an HTML snippet.
  3. Check the preview, download and unzip the package.
  4. Copy the files to your site root and paste the HTML snippet into your <head>.
ADAdvertisement — this space keeps HohoTools free

Frequently asked questions

Which files do I actually need to deploy?

All of them: favicon.ico covers classic browser requests, the PNGs serve apple-touch devices and PWA installs, and site.webmanifest plus the HTML snippet tie the set together.

Why is the 180 px icon filled with white?

Apple devices composite transparent areas as black for home-screen icons. The generator puts your logo on an opaque white square so the result is predictable on iOS.

What size should my source image be?

A square image of 512×512 or larger gives the sharpest results. Non-square logos are letterboxed with transparency rather than distorted.

Is my logo uploaded anywhere?

No. Resizing and zip packing happen entirely in your browser. Your logo never leaves your device.

Related tools

About this tool

A proper favicon set used to mean a checklist: .ico for browsers, 180 for apple-touch, 192 and 512 for PWA installs, a manifest to tie it together, and the right link tags. This generator does the whole checklist from a single square logo. One drop produces a downloadable zip containing a multi-size favicon.ico (16, 32 and 48 px), favicon-180x180.png on an opaque white base for Apple devices, favicon-192x192.png and favicon-512x512.png for manifests, a ready site.webmanifest, and an html-snippet.txt with the exact link tags to paste into your page head. Your logo is scaled uniformly onto square canvases, never stretched. Everything is generated inside your browser — the source logo is read from disk, resized on your device and packed locally, with no upload to any server, so unreleased brand marks stay private until launch day. Preview the 192 px result in the page, unzip, copy the files to your site root, and paste the snippet.