Skip to content
snip tools

Favicon generator

Turn one image into a complete favicon and PWA icon set with ready-to-paste HTML — in your browser.

Runs 100% in your browser

Upload a square image to begin.

How to generate a favicon

  1. Upload an image. Choose a square PNG, JPG or SVG (512px+ is ideal).
  2. Preview the sizes. Check how it looks from 16px up to 512px.
  3. Download and paste. Download the icons and copy the HTML + manifest into your site.

Why one icon file is no longer enough

A favicon is the tiny icon in browser tabs, bookmarks and search results — a small but persistent branding cue. The catch is that "favicon" now means a whole family of files, not one. Browsers still want a classic favicon.ico; iOS wants a 180×180 apple-touch-icon.png for home-screen shortcuts; and an installable progressive web app needs 192×192 and 512×512 PNGs declared in a web manifest. Ship only the old .ico and your site looks unfinished the moment someone bookmarks it to a phone. This generator produces the full set from a single source image so you do not have to export each size by hand.

What this tool generates

Drop in one square image — ideally a simple, bold mark, since the smallest rendering is only 16 pixels across — and the tool redraws it at each required size on a canvas, packs the small sizes into a multi- resolution favicon.ico, and exports the Apple touch icon and the two PWA PNGs separately. It also writes the matching <link> tags and a starter site.webmanifest, so the job is reduced to pasting a few lines into your <head> and uploading the files. Keep the design legible at tiny sizes: fine detail and thin text vanish at 16×16, where flat shapes and strong contrast survive.

Private by design

Every size is rendered on a canvas in your browser, so your artwork is never uploaded to a server — useful when the logo is unreleased. If you only need a raw multi-size .ico for a desktop app rather than a web favicon kit, the ICO converter is the leaner option. Pair the icon set with a matching social preview from the Open Graph image generator.

Frequently asked questions

What does this favicon generator produce?
From one image it creates a multi-size favicon.ico (16/32/48px), an apple-touch-icon (180px), PWA icons (192px and 512px), a web manifest, and the exact HTML to paste into your .
Is my image uploaded anywhere?
No. Your image is read locally and resized on an HTML canvas in your browser. Nothing is sent to a server.
What image should I use?
A square image of at least 512×512 works best, ideally a PNG or SVG with a transparent or solid background and a simple, bold mark that stays legible at 16px.
Why do I need so many sizes?
Browsers use the small .ico in tabs and bookmarks, iOS uses the 180px apple-touch-icon for home-screen shortcuts, and installable PWAs use the 192/512px icons. Shipping all of them covers every surface.