Strixicon
Drop in one image and download every favicon a modern website needs —
favicon.ico, PNG, SVG, the Apple touch icon, maskable PWA icons,
site.webmanifest and the <head> snippet — as a ready-to-use
.zip. Everything is generated in your browser, so your image is never uploaded
anywhere. No account, no watermark, no limits.
Drag & drop your image here
or click to browse · PNG, JPG, WebP or SVG · square ≥ 512px recommended
↑ How the theme color looks as a mobile browser / PWA bar.
<head>Every file in the .zip is used. Only 4 icons need a <link> in the
<head>; the web-app-manifest-*.png icons are loaded by site.webmanifest
(which <link rel="manifest"> pulls in), not the head — that's the modern standard, not a bug.
Referenced by the <head> snippet
favicon.svg — primary, scalable iconfavicon.ico — 16/32/48, crawlers & legacy browsersfavicon-96x96.png — raster fallbackapple-touch-icon.png — 180×180, iOS home screensite.webmanifest — PWA manifest (links the icons below)Referenced by site.webmanifest (PWA / “Install app”)
web-app-manifest-192x192.png & -512x512.png — app iconsweb-app-manifest-512x512-maskable.png — Android adaptive iconReference
README.txt — install instructionsFar fewer than the 20-file packs of a decade ago. A modern site needs an SVG favicon, a favicon.ico holding 16, 32 and 48 px, one 96 px PNG fallback, a 180 px Apple touch icon, and 192/512 px PWA icons referenced from the web manifest. Strixicon generates exactly that set — nothing you have to delete afterwards.
Search-engine crawlers, RSS readers, feed aggregators and older browsers still request /favicon.ico from the site root by default, whether or not you link to it. Shipping one costs a couple of kilobytes and avoids a stream of 404s in your server logs.
Android crops home-screen icons into whatever shape the launcher uses — a circle, a squircle, a rounded square. A maskable icon keeps its important content inside a central “safe zone” of about 80% so nothing gets clipped. Without one, Android shrinks your icon inside a plain white circle, which rarely looks intentional.
Yes, if you care how the site looks when someone saves it to an iOS home screen. iOS ignores the web manifest icons for that and looks for a 180×180 apple-touch-icon.png. It is always drawn on an opaque background, which is why Strixicon fills transparency and adds padding to that one specifically.
Put every file from the .zip in your site’s web root — the same directory your homepage is served from — then paste the generated snippet into your <head>. If you host icons in a subfolder instead, adjust the paths in the snippet and inside site.webmanifest to match.
No. The resizing, the ICO encoding and the zipping all happen in your browser using Canvas and JavaScript. Your image never leaves your device, there is nothing to sign up for, and the page works offline once loaded.