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.

Favicon Generator

Generate a complete favicon bundle from text or an uploaded image — every size, manifest, and the HTML snippet.

Source

Initials

Corner radius

Background

Foreground

Site name (for manifest)

HTML snippet

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0a0a0a">

01 — Overview

How it works

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 <link> snippet to paste into your <head>.

02 — Use cases

When to use it

01
Ship a sensible favicon for a side project in 30 seconds
02
Replace a default Next.js favicon with branded initials
03
Generate the full bundle of icons a modern PWA needs
04
Get the matching <link> snippet without remembering all six tag names

03 — Examples

Real input, real output

Text: GN, dark background, green letters

ex 01

favicon.ico + 6 PNGs + manifest.webmanifest + HTML snippet

Initials favicon with a coherent set of sizes.

04 — FAQ

Frequently asked

Different browsers, OSes, and PWA install flows look for different sizes. Shipping the full set avoids low-res rendering on retina/install screens.

05 — More

Tools that pair well

QR Code Generator

Turn text, URLs, WiFi credentials, or vCard info into a QR code. Download as SVG or PNG, customize color and error correction.

Media/qr-code

Meta Tags Generator

Generate a full SEO + OpenGraph + Twitter Card meta tag block. Optional AI-suggest from a URL or page description.

Web/meta-tags

Avatar Generator

Generate deterministic avatars from a seed string. Initials, geometric, or identicon styles. SVG output, downloadable.

Identity/avatar