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 browserUpload a square image to begin.
How to generate a favicon
- Upload an image. Choose a square PNG, JPG or SVG (512px+ is ideal).
- Preview the sizes. Check how it looks from 16px up to 512px.
- Download and paste. Download the icons and copy the HTML + manifest into your site.
About favicons and app icons
A favicon is the tiny icon in browser tabs, bookmarks and history — a small but important branding cue.
Modern sites also need an Apple touch icon for iOS home-screen shortcuts and larger maskable icons for
installable progressive web apps. This generator resizes your artwork to every required size on a canvas,
packs the small sizes into a single favicon.ico, and writes the matching link tags and web
manifest so you only paste and ship. Make a matching social image with the
Open Graph image generator.
Frequently asked questions
- 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 .
- No. Your image is read locally and resized on an HTML canvas in your browser. Nothing is sent to a server.
- 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.
- 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.