Favicon Generator
A favicon set from a letter, word or emoji on a coloured tile: SVG master, PNGs from 16 to 512 px, multi-size .ico, link tags and web manifest, in your browser.
Every file a site needs for its icon — favicon.ico, favicon.svg, PNGs for tabs, iOS and Android, site.webmanifest and the HTML to reference them — nothing uploaded.
Example: The letter "A" on a #1f2937 rounded tile becomes a 512 × 512 SVG with the glyph at 62 % of the tile; the .ico bundles the 16, 32 and 48 px PNGs in one file.
One master,
every size a browser asks for.
Which files a site actually needs, how each one is made here, and what to check after uploading them.
The files and what asks for them
Browsers discover an icon through <link rel="icon"> (HTML Living Standard) and fall back to /favicon.ico at the site root. Modern browsers take the SVG and scale it themselves; older ones and Windows shortcuts read the .ico, which here bundles 16, 32 and 48 px images. iOS reads apple-touch-icon at 180 px for the home screen; Android and installable web apps read the icons listed in the web app manifest at 192 and 512 px (W3C Web Application Manifest). The page produces exactly that set and the HTML that references it; the manifest's name fields are left for you to fill.
How the files are made
The master is a 512 × 512 SVG: a tile (square, rounded at 22 % radius, or circle) and the text centred with its size set to a share of the tile, capped by width so longer text stays inside. Every PNG is that SVG rasterised by your browser's canvas at the target size, which means the glyph comes from the fonts installed on this device — the PNGs freeze that rendering, while the SVG will use whatever font the viewer has. Emoji likewise render in this device's emoji font. The .ico is assembled on the page: a 6-byte header, one 16-byte directory entry per image (width, height, colour planes, 32 bits per pixel, byte length and offset), then the PNG data itself — the container has accepted PNG entries since Windows Vista. Nothing is uploaded.
Legibility
A tab icon is 16 px wide: one to three bold characters survive that, a word does not, and the page warns past three. Check the 16 px preview rather than the large one, and prefer a heavy weight and strong contrast between tile and glyph — the Colour Palette utility gives the contrast ratio if you want a number.
What the tool does not settle
Icons from an uploaded logo or photo (that is an image tool, not a text tile), maskable icon safe zones beyond the plain tile, Windows tile metadata, and caching: browsers cache favicons aggressively, so a replaced icon may take a reload or a new filename to appear. The same four anonymous usage counts as the rest of the site apply.
SOURCES
- WHATWG HTML Living Standard — link types "icon" and the sizes attribute
- W3C Web Application Manifest — icons, theme_color, background_color
- Microsoft — ICO file format (ICONDIR, ICONDIRENTRY); PNG entries accepted since Windows Vista
Last reviewed 19 September 2026. How results are checked: How we verify.