Turn an emoji, your brand text, or a color into a complete favicon package — 16/32/180/192/512 PNG icons, manifest.json, and the HTML code. Drawn on a canvas in your browser; nothing is uploaded.
Preview (512px scaled)
The four sizes that matter. 32x32 for the browser tab and bookmarks, 180x180 for Apple touch icons (iOS ignores all other sizes), 192x192 and 512x512 for Android/PWA install icons. The 512 icon should be purpose: maskable — Android crops it into a circle, and the safe zone is the inner 80%, so keep your content inside that circle (this generator does it for you). Serving only a 16px favicon is why your site looks blurry in the address bar on high-DPI screens.
manifest.json is what makes a PWA. Without a web manifest, mobile browsers can't offer "Add to Home Screen" with a proper icon. The manifest generated here wires up the 192/512 icons, theme color, and display mode — paste it into your head via <link rel="manifest" href="/manifest.json"> and your favicon package becomes an installable app shell.
Emoji favicons are a legitimate brand shortcut. A single well-chosen emoji on a brand-color background reads clearly at 16px (the hardest size — details vanish fast). Pick high-contrast, single-codepoint emoji: ⚡ 🚀 🔥 ✅. Avoid complex ZWJ sequences (family, flags render differently across platforms) and emoji with heavy gradients, which muddy at small sizes. At 16px the goal is a recognizable silhouette, not detail.
SVG is the modern bonus. This generator exports PNGs because every platform needs them, but a crisp favicon.svg in the <link rel="icon"> (as this site uses) gives sharp rendering on modern browsers — pair it with PNG fallbacks for the rest. The classic mistake is shipping only an ICO file from the 1990s; ICO has no real advantage over PNG today except extreme legacy compatibility.
See also: Image Compressor · Color Converter · Color Palette Generator · Base64 Image Encoder