No. 13

Favicon & Icon Generator

Turn one image into every favicon and app icon size you need, plus the manifest and HTML tags, packaged as a zip.

Uploaded 0 bytes Runs entirely on Canvas — no engine to download. (network monitor unsupported in this browser)

How your data is handled: everything above runs inside this browser tab; your file is never uploaded. Runs entirely on Canvas — no engine to download.

Shipping a favicon usually means hunting down a dozen exact pixel sizes across three platforms. This tool does the resizing locally from one source image and hands back a ready-to-drop zip — icons, manifest, and the markup — in one pass.

How to use it

  1. Drop a square image, ideally 512×512px or larger.
  2. Preview how it looks at small sizes — favicons lose detail fast.
  3. Click Generate to render every required size.
  4. Download the zip, which includes icons, a web manifest, and the <link> tags to paste into your <head>.

Tips & edge cases

  • Simple, high-contrast marks survive the 16×16px favicon size; fine detail and thin text usually don't.
  • iOS ignores transparency on home-screen icons and fills it with white or black — preview at the apple-touch-icon size before shipping.
  • The generated manifest.json only covers icons; merge it with your existing manifest fields (name, theme_color) rather than replacing the whole file.

FAQ

What sizes are included?
Standard favicon sizes (16, 32, 48px), Apple touch icons, and the full Android/Chrome maskable icon set used by manifest.json — the same list modern build tools expect.
Do I need to install anything to use the output?
No. Unzip the folder into your site's public directory and paste the provided <link> tags into your HTML <head>.
Is my source image uploaded to generate the icons?
No — every resize happens on an HTML canvas in your browser. The Trust Meter will read 0 bytes uploaded throughout.