JPEG · PNG · WebP · SVG
Whether you're launching a personal site, a SaaS product, or a client project, a polished favicon boosts brand credibility in every browser tab. I7 Pixel's generator handles everything from letter-mark initials to full PNG artwork — instantly, with no server involved.
From blank canvas to deployed ZIP in four straightforward steps.
Understanding the favicon ecosystem helps you ship icons that look sharp on every device and browser without bloating your site.
Browsers request favicons at different resolutions depending on the context. A desktop tab uses 16×16 or 32×32, a Windows taskbar pin uses 48×48, iOS home-screen bookmarks need 180×180 (Apple Touch Icon), and Android PWA icons should be 192×192 and 512×512. Serving only one size forces browsers to scale it, which often produces blurry results — especially at 16×16, where rasterisation detail matters most.
PNG is the modern standard and is supported by all current browsers. It supports transparency, compresses well, and is trivial to serve. ICO is a legacy Windows container format that can embed multiple sizes in one file; it's still required for the root-level favicon.ico that many crawlers and email clients request by default. For new projects, use PNG for all link tags and keep a single 32×32 ICO at your domain root as a fallback. This generator's ZIP handles the PNGs; you can convert favicon-32x32.png to .ico with any online converter if needed.
Progressive Web Apps rely on a site.webmanifest (or manifest.json) that lists icon files for home-screen installation. The manifest must include at minimum a 192×192 icon for Android Chrome to offer an install prompt, and a 512×512 icon for the PWA splash screen. This generator's ZIP includes a pre-built manifest pointing to both sizes — upload it alongside your PNGs and add <link rel="manifest" href="/site.webmanifest"> to your HTML. If you already have a manifest, copy just the icons array from the included file.
Quick guide to which sizes matter for each context.
| Size | Link / Attribute | Where it's Used |
|---|---|---|
| 16×16 Essential | rel="icon" sizes="16x16" |
Browser address bar and tab — the minimum required size |
| 32×32 Essential | rel="icon" sizes="32x32" |
High-DPI tabs, Windows taskbar shortcuts, favicons in search results |
| 48×48 | favicon.ico (embedded) | Windows desktop shortcuts and older IE / Edge legacy rendering |
| 180×180 | rel="apple-touch-icon" |
iOS and iPadOS "Add to Home Screen" bookmark icon |
| 192×192 PWA | site.webmanifest icons array | Android Chrome home-screen install prompt and launcher icon |
| 512×512 PWA | site.webmanifest icons array | PWA splash screen on Android, high-DPI app icons in newer OS versions |
A well-crafted favicon signals professionalism — and this tool covers every common scenario without a design team.
Answers to the most common questions about creating favicons with this tool.
Yes — completely free. There are no limits, no accounts, no watermarks, and no charges. Generate as many favicon sets as you need.
You can upload JPEG, PNG, WebP, and SVG files. The tool draws the image onto an HTML Canvas element, so any format supported by your browser works without server processing.
No — never. All processing uses the HTML Canvas API locally in your browser. Your image, text, or emoji never leaves your device — sensitive logos remain completely private.
For most websites: 16×16, 32×32, 180×180 (Apple Touch Icon), and 192×192. Add 512×512 if you're building a PWA. The Web preset selects these automatically.
The ZIP contains one PNG per selected size (e.g. favicon-16x16.png, favicon-192x192.png) plus a site.webmanifest pre-configured with the 192×192 and 512×512 icons for PWA use.
Yes. Type 1–3 characters or paste any emoji into the Text panel. Customise font family, weight, size, letter-spacing, and colours to create a recognisable letter-mark in seconds.
Tried the tool? Leave a quick rating and help others find it.
All tools at I7 Pixel run in your browser — no uploads, no accounts, always free.