# Favicon Generator
> Generate a complete favicon bundle from text or an uploaded image — every size, manifest, and the HTML snippet.
- URL: https://generate.now/favicon
- Category: media
- Price: free, no account required
- AI-powered: no
- Last updated: 2026-08-27
## What it does
Type initials with a background color, or upload an image. Get back a zip with all the favicon sizes modern browsers and OSes ask for (16, 32, 48, 180 for iOS, 192/512 for Android, plus manifest.webmanifest) and the HTML snippet to paste into your .
## When to use it
- Ship a sensible favicon for a side project in 30 seconds
- Replace a default Next.js favicon with branded initials
- Generate the full bundle of icons a modern PWA needs
- Get the matching snippet without remembering all six tag names
## Examples
### Text: GN, dark background, green letters
```
favicon.ico + 6 PNGs + manifest.webmanifest + HTML snippet
```
Initials favicon with a coherent set of sizes.
### Upload a 512×512 PNG logo
```
favicon.ico + 16/32/48/180/192/512 PNGs + manifest.webmanifest + snippet
```
Every size a current browser or OS asks for, from one source image.
### Text: AP, light background, dark letters
```
Initials favicon rendered at all sizes, with the 16×16 checked for legibility
```
The two-letter route, for projects without a logo yet.
### Emoji source: ⚡
```
Rasterized emoji favicon at each required size
```
Quick and distinctive for a side project — renders identically everywhere, unlike an inline SVG emoji.
## Frequently asked questions
### Why do I need so many sizes?
Different browsers, OSes, and PWA install flows look for different sizes. Shipping the full set avoids low-res rendering on retina/install screens.
### Is .ico still needed?
Yes — legacy IE/Edge and some crawlers still request /favicon.ico. The bundle includes one alongside the modern PNGs.
### Where does the manifest.webmanifest go?
At the root of your site, next to the favicons. The generated HTML snippet links it. It enables 'install to home screen' on supported devices.
### What should the source image be?
A square PNG or SVG at 512×512 or larger. Anything smaller gets upscaled for the Android and PWA sizes and looks soft. Favicons are rendered at 16×16 more often than any other size, so test that one first — fine detail and thin strokes vanish completely.
### Why hasn't my favicon updated?
Browsers cache favicons far more aggressively than other assets, and a normal hard reload often doesn't clear them. The reliable fix is to change the filename — favicon-v2.ico — or add a query string to the link tag, so the browser treats it as a new resource.
### Do I still need apple-touch-icon?
Yes, if you care how the site looks when someone adds it to an iOS home screen. iOS uses a 180×180 PNG and ignores the manifest icons for that particular case. It's included in the generated bundle along with the matching link tag.
## References
- [Link types: icon](https://html.spec.whatwg.org/multipage/links.html#rel-icon) — WHATWG. The normative definition of rel=icon, including sizes and type attributes.
- [Web Application Manifest](https://www.w3.org/TR/appmanifest/) — W3C. How the icons array is consumed for installed and home-screen contexts.
- [](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link) — MDN Web Docs. Practical reference for the markup this tool emits.
## Related tools
- [Placeholder Image Generator](https://generate.now/placeholder): Generate sized placeholder images — pick width, height, background, foreground, and label. Copy as SVG/PNG or a static URL.
- [Avatar Generator](https://generate.now/avatar): Generate deterministic avatars from a seed string. Initials, geometric, or identicon styles. SVG output, downloadable.
- [QR Code Generator](https://generate.now/qr-code): Turn text, URLs, WiFi credentials, or vCard info into a QR code. Download as SVG or PNG, customize color and error correction.