Favicon Generator
Turn any image, letter or emoji into a complete favicon set — a real .ico, every PNG size, the apple-touch & PWA maskable icons, the manifest and the exact HTML to paste. All in your browser, nothing uploaded.
.ico + 16/32/48 + apple-touch + 192/512 + maskable + site.webmanifest + HTML snippet · nothing uploaded
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.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">
Favicon FAQ
What sizes do I need for a favicon?
A modern site wants a real favicon.ico (16/32/48 packed together), 16×16 and 32×32 PNGs for browser tabs, a 180×180 apple-touch-icon for iOS, and 192/512 PNGs (plus a 512 maskable) for Android & PWA installs. This tool generates every one of them, plus the site.webmanifest and the exact HTML to paste.
Does this make a real .ico file?
Yes — a true multi-resolution favicon.ico containing 16, 32 and 48 px images, which is what browsers request by default. Most free tiers only give you a single 16×16 PNG; here the full .ico and PWA set are free.
Can I make a favicon from text or an emoji?
Yes. Switch to Text mode and type a letter, a couple of initials, or paste an emoji — pick a font, colour and background and you've got a clean brand favicon in seconds, no image needed.
Is my image uploaded anywhere?
No. Everything runs in your browser with the Canvas API — your image never leaves your device. We can't see it and nothing is stored.
How do I install it?
Download the ZIP, drop the files into your site's root folder (next to index.html), and paste the provided <link> / <meta> tags into your <head>. The included site.webmanifest wires up Android & PWA icons.
Free, no signup. See all free tools →