Skip to content
Home Services Book
§
§ · free tool

Favicon generator. One image, the whole pack.

Drop one square image and get a complete favicon pack — all seven PNG sizes, the apple-touch icon, a web manifest and copy-ready head tags, zipped. Everything runs on your device; nothing is uploaded.

See web design Book a call WhatsApp
A free online tool by Digital Heroes

Drop a square image here

or click to browse — PNG, JPG, WebP, SVG

Your image never leaves your browser · best with a 512×512 or larger square

Why PNG favicons (and no .ico)?

Every browser made in the last decade reads PNG favicons declared with <link rel="icon" sizes="…"> — they're sharper and far simpler than the legacy multi-image .ico format, so we don't generate one. The whole pack is built locally with the HTML5 canvas: your image is never uploaded, and it works offline. Free, forever.

§ 02 · what you can do

Everything a favicon needs, in one pass.

  • Generate seven favicon sizes from one image — 16, 32, 48, 64, 180, 192 and 512 pixels.
  • Download a deploy-ready ZIP with every PNG, a site.webmanifest, a head-tags.html snippet and a README.
  • Control background fill and padding to add a safe margin and flatten transparent areas before export.
  • Set your PWA theme color to tint the Android browser chrome and control the splash-screen background.
  • Copy the HTML head snippet with one click, or download any single size straight from its thumbnail.
  • Stay completely private — all processing happens in your browser; your image is never sent anywhere.
§ 03 · how to use it

Four steps, no manual.

  1. Drop a square image, 512×512 or larger — it never leaves your device.
  2. Pick a background fill, padding, app name and PWA theme color; the previews re-render live.
  3. Download any single size from its thumbnail, or grab the full ZIP with the manifest, head tags and README.
  4. Drop the files at your web root and paste the head tags into your site's <head>.
§ 04 · faq

Frequently asked questions.

Which favicon sizes do I actually need?
Seven PNG sizes cover modern browsers and devices. 16×16 and 32×32 for desktop browser tabs; 48×48 and 64×64 for Windows shortcuts and high-density tabs; 180×180 for the apple-touch-icon on iOS home screens; 192×192 and 512×512 for Android Chrome and the Progressive Web App install prompt. The legacy ICO format is still supported but has been deprecated in favor of PNG by Chrome, Firefox and Safari for several years, so this tool does not emit one.
Should my favicon be SVG?
Only as a supplement. Chrome 80+ and Firefox 94+ support SVG favicons, but Safari on iOS and older browsers still require raster PNG. Ship both: a single SVG as the primary (vector, dark-mode adaptive) and the PNG stack as the fallback. This generator produces the PNG stack; export a separate SVG from your design tool and add it with rel="icon" type="image/svg+xml" in the head.
What should the source image look like?
Square, at least 512×512 pixels, high contrast and readable at 16 pixels. A single symbol or one or two characters works; full wordmarks become unreadable at 16. Give the shape breathing room — roughly 10 to 15 percent — because browser tabs and app grids crop differently; the padding slider above adds that margin for you. PNG with transparency is ideal, and transparency is preserved across every output size unless you choose a background fill.
What goes in the web manifest?
The site.webmanifest tells Android Chrome how to render your site as a Progressive Web App. It lists the 192 and 512 icon paths, theme_color (browser chrome tint), background_color (splash screen), display mode (standalone hides browser UI), start_url and the short_name shown on the home screen. The generator emits a valid manifest you can drop at /site.webmanifest and link with rel="manifest".
Does this tool upload or save my image?
No. Your image never leaves this browser tab. All resizing happens client-side via the HTML5 canvas; the ZIP is built in memory and never transmitted, and nothing is written to storage. Close the tab and everything is gone.

Published · Last updated .

Online now

Hey there 👋 How can we help you today?