Favicon Generator
Turn one image into favicon.ico, Apple and Android icons, a web manifest and paste-ready HTML — right in your browser.
Drag & drop a logo/image, or click to select
Near-square 512px+ image recommended · No server upload
🔒 Favicons are generated in your browser only. Images are never sent to a server.
How it works and what you can control
Drop in a single square image — a 512px-or-larger logo works best — and the generator renders every icon size a modern site needs in one pass: 16, 32 and 48px PNGs, a multi-size favicon.ico that packs 16/32/48 into one file, a 180px apple-touch-icon for iOS home screens, and 192 and 512px android-chrome icons for Android and PWA installs. Two controls shape the output. Fit chooses between padding (contain), which shrinks the whole image inside the square with breathing room and never crops, and fill (cover), which scales up to cover the square edge to edge. Background sets what sits behind transparent artwork: keep it transparent, snap to white, or pick any custom color. The preview re-renders instantly on every change, and an app-name field feeds the generated site.webmanifest so installed icons carry the right label. One click exports the whole set, plus the manifest and HTML, as a ZIP.
When and why to reach for it
Use it whenever you ship or refresh a site and the browser tab still shows a blank page icon. It also settles the fragmented icon requirements you would otherwise juggle by hand: Safari and iOS want a 180px apple-touch-icon, Android and installable PWAs read 192 and 512px icons from a web manifest, and older browsers still request /favicon.ico. Typical moments are launching a landing page or portfolio, wiring up a static site on Netlify or GitHub Pages, giving a side project a real home-screen icon before you share the link, or swapping the logo across an existing site after a rebrand. Instead of exporting from an image editor six times, you feed in one file and paste the matching HTML block into your head.
Privacy and getting the sharpest result
All resizing runs locally through the browser's Canvas API, so your image never leaves the device — unreleased logos and client work stay private, and the page keeps working offline once loaded. For crisp icons, start from a near-square source at 512px or larger; upscaling a small image only magnifies its blur. Simple, high-contrast marks read best at 16px, where fine detail vanishes, so if your logo carries small text consider a simplified glyph for the favicon itself. Copy the provided link tags and manifest reference verbatim, upload the ZIP contents to your site root, and the icons resolve with no further tweaking.
Frequently asked questions
What files does the ZIP contain?
A multi-size favicon.ico (a single file packing 16, 32 and 48px), PNG icons at 16/32/48px, a 180px apple-touch-icon, 192 and 512px android-chrome icons, a site.webmanifest, and a ready-to-paste HTML snippet.
Is my image uploaded anywhere?
No. Every size is rendered in your browser with the Canvas API, so the image never leaves your device and the tool keeps working even offline.
What image works best, and how do I install the result?
Start from a near-square image 512px or larger. Use padding (contain) to avoid cropping or fill (cover) to fill the square, and set a transparent, white or custom background. Then drop the ZIP's files into your site root and paste the provided <link> tags into <head>.