Favicon Package Generator
Generate the complete favicon set — every size a site needs, plus the HTML to drop it in.
The whole set, not just one icon
A modern site doesn't want a single favicon; it wants a family: the classic .ico, PNGs at several sizes for tabs and bookmarks, a larger apple-touch icon for iPhone home screens, and often a web manifest for Android. Producing all of those by hand is fiddly. This takes one square source image and outputs the full package, along with the exact HTML lines to paste into your page head.
That HTML snippet is the part people forget — without it, the browser doesn't know which icon to use where.
Start simple and square
The best source is a bold, simple, square mark with strong contrast. Fine detail is pointless because most of these icons are tiny, and anything intricate turns to mush at 16 pixels. Get the source right and the whole set inherits it. Drop the files in your site root, paste the snippet, and every device picks the icon meant for it.
How to generate a full favicon package
- Add your square logo.
- Every icon size is generated — browser, Apple touch and Android.
- Download the complete package as a ZIP.
More than one icon per site
Modern sites need a small family of icons, not a single favicon: the classic 16 and 32 pixel tab icons, a 180 pixel Apple touch icon for iPhone home screens, and 192 and 512 pixel versions for Android and web app manifests. Missing one means a blurry or default icon on that device.
Generating them together keeps the set consistent and saves exporting five sizes by hand every time your logo changes.
Frequently asked questions
Why do I need so many icon sizes?
Different platforms request different ones — browser tabs, iPhone home screens and Android shortcuts all use their own size.
What is an Apple touch icon?
The 180x180 icon iOS uses when someone saves your site to their home screen.
Does it include a manifest?
The package covers the icon set; reference them from your HTML head and web app manifest.
What does the package include?
The .ico, PNGs at the common sizes, an apple-touch icon and the HTML snippet to reference them all.
Do I need the HTML snippet?
Yes. It tells browsers which icon to use in each place; without it, some devices won't find the right one.
What source image works best?
A simple, high-contrast, square design at 256×256 or larger, since these icons are shown very small.