ImgBox

ICO / Favicon Generator

Online favicon generator: upload one image to get 9 PNG sizes from 16×16 to 512×512 plus a multi-resolution .ico, including apple-touch-icon and android-chrome sizes. Runs in your browser, zero upload.

Pick sizes：

.ico embeds the 16/32/48 sizes for maximum compatibility; other sizes ship as individual PNGs.

Upload a 512×512 (or larger) square image; non-square sources are centre-cropped automatically.

Related Tools

⇄Convert Image Format✂Crop Image⇲Resize Image

How to use

Purpose

Multi-size favicon generator: from one source image, output 16×16, 32×32, 48×48, 64×64, 180×180 (apple-touch-icon), 192×192 (Android Chrome), 512×512 (PWA), and pack them into a standard favicon.ico + a manifest.json. Ensures crisp icons in browser tabs, bookmarks, PWA install lists, iOS home-screen web clips, and Android home-screen shortcuts. Runs in your browser.

Steps

  1. Upload a square source icon (PNG or SVG, 512×512 or larger)
  2. Optional: choose transparent background or add a rounded corner mask
  3. Tool renders 8 sizes automatically
  4. Download a ZIP including favicon.ico (multi-resolution), apple-touch-icon-180.png, android-chrome-192.png, etc.
  5. Drop the files into your site root
  6. Add the corresponding <link> tags to your HTML <head>

FAQ

favicon.ico or PNG — which to use?
All modern browsers support PNG, but old IE versions only read ICO. Best practice: ship both favicon.ico (multi-size) plus PNG sizes. Our ZIP includes everything.
Why apple-touch-icon?
When iOS Safari saves a page to the home screen, it uses apple-touch-icon (180×180). Without it, iOS uses a screenshot — looks unprofessional. PWAs depend on this.
Can I keep a transparent background?
Yes for PNG outputs. ICO format usually fills transparency with white (per browser rendering), so transparent ICO is unreliable.
How do I test the favicon?
Deploy and hard-refresh (Ctrl+F5) — the new icon appears in browser tabs. For iOS home-screen icons, add to home screen via Safari Share menu.
What's manifest.json for?
Required for PWA install — defines app name, theme color, icon list. Generated alongside; drop into your site root for installability.

Use cases

  • Personal blog / SaaS site favicon
  • PWA web app home-screen icon
  • iOS Safari add-to-home-screen web clip
  • Android Chrome shortcut icon
  • Browser tab brand recognition

Use cases

8 sizes + ICO + manifest.json in one ZIP — tabs, iOS home screen, Android shortcuts, PWA install all covered.