🌐 Favicon Generator
One image in, a complete favicon set out: favicon.ico, every PNG size, the manifest and the <link> tags — generated locally.
HTML snippet
Paste this into the <head> of your pages.
How the favicon generator works
A favicon needs several sizes for different devices: 16/32/48 px inside a classic favicon.ico, a 180 px apple-touch-icon for iOS, 192/512 px PNGs for Android and PWAs, plus intermediate sizes. The tool centre-crops your image to a square, renders each size on a canvas, packs 16/32/48 into a real multi-resolution .ico, writes a site.webmanifest and the HTML <link> snippet, and bundles everything into a ZIP — all in the browser.
Start from a square image at least 512×512 for crisp results at every size; simple, high-contrast marks read best at 16 px, where fine detail disappears. Drop favicon.ico at your site root and paste the generated <link> tags into your <head>. The .ico uses the modern PNG-in-ICO format that every current browser reads. Nothing is uploaded — your logo never leaves your machine.
Frequently asked questions
How do I create a favicon from an image?
Upload a square image or logo and the tool renders every required size, builds a multi-resolution favicon.ico, writes the manifest and the HTML <link> tags, and downloads it all as a ZIP. Unzip it into your site and paste in the tags.
What sizes does it generate?
PNGs at 16, 32, 48, 64, 96, 128, 180, 192 and 512 px, plus a favicon.ico containing the 16, 32 and 48 px versions — covering browser tabs, iOS home screens and Android/PWA icons.
What is favicon.ico and do I still need it?
It's the multi-size icon file browsers request from your site root by default. It's still the most compatible fallback, so the tool builds one (using PNG-in-ICO) alongside the modern PNG links.
Where do I put the files and tags?
Place favicon.ico, the PNGs and site.webmanifest at your site root, then paste the generated <link rel="icon"> and apple-touch-icon tags into the <head> of your HTML. The snippet is included in the ZIP and shown on the page.
Is my logo uploaded?
No — every size is rendered with the Canvas API and zipped with JSZip in your browser. Your logo never leaves your device, which matters for unreleased brand work.