Favicon and app icon generator

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#0a0a0c">

• ICO is a Microsoft format: an ICONDIR header (6 bytes: 0, type 1, image count) and a 16-byte ICONDIRENTRY per image; since Windows Vista an image may be a whole PNG — which is what we do: smaller and with real transparency.
• PNG: 16, 32, 48, 96 px; 96 px is for shortcuts and Google search results. Apple: 180×180 per Apple's “Configuring Web Applications”.
• Web App Manifest (W3C): 192 and 512 icons with purpose any and a separate one with purpose maskable; the safe zone is a circle with a radius of 40% of the side, anything outside may be cut by the mask.
• Dark mode in favicon.svg is CSS @media (prefers-color-scheme: dark) inside the SVG; browsers that show SVG favicons recolour the icon to match the system theme.

favicon.svg ends up on your site, so the SVG is cleaned with an allow-list: only drawing elements remain, everything else is removed together with its content. Removed: script, foreignObject, iframe, editor metadata (Inkscape, Illustrator, Sketch), DOCTYPE with entities, on* handlers, external references in href, url() and @import, and javascript: and data: URLs except embedded PNG/JPEG/GIF/WebP.

Allowed elements: svg, g, path, rect, circle, ellipse, line, polyline, polygon, text, tspan, textPath, defs, linearGradient, radialGradient, stop, clipPath, mask, pattern, symbol, use, marker, title, desc, style, image, filter, feGaussianBlur, feOffset, feBlend, feColorMatrix, feComposite, feFlood, feMerge, feMergeNode, feDropShadow, feMorphology.

• The tool works in current Chrome, Edge, Firefox and Safari: it needs canvas and createImageBitmap.
• SVG favicons are shown by Chrome, Edge, Firefox and Safari 26+; older Safari uses PNG/ICO — that is why the set has both.
• apple-touch-icon is used by iOS and iPadOS when adding to the home screen; Android and desktop Chrome take icons from the manifest.

• Letters in favicon.svg are drawn with the visitor's fonts: on another system the mark may look slightly different. PNG and ICO are exactly as in the preview.
• The dark variant is generated for designer icons; in your own SVG add @media (prefers-color-scheme: dark) yourself — sanitising keeps it.
• A raster source smaller than 512 px gives blurry 192/512 icons — the tool warns about it.
• Animated GIF/WebP: the first frame is used.

• The image is not uploaded to a server: everything is drawn in this tab, and files are local blob: links.
• Only settings are saved in localStorage: designer options, app name and colours, preview modes. An uploaded image is not restored after a reload.
• Analytics receives only the fact of a generation or download and a category (source “image/letter”, file type).
• The result reaches us only if you send a request yourself and keep the “Attach the result” box ticked — the form shows exactly what will be sent. Files and images are never sent with a request.