Favicon Generator
Generate a complete favicon set from a single image — favicon.ico, apple-touch-icon, Android/PWA icons and the HTML snippet — entirely in your browser. Nothing is uploaded.
Privacy-first: every image is processed locally in your browser. Nothing is uploaded, stored or transmitted to any server.
Every icon a modern site needs, at once
A favicon is no longer one file. Browsers read a small favicon.ico for tabs and the address bar, iOS wants a 180×180 apple-touch-icon for the home screen, and Android and installable web apps pull 192 and 512px PNGs from a web manifest. This generator builds all of them from one source image and gives you a ready-to-paste HTML snippet, so you are not exporting six sizes by hand.
Framed the way you want, kept private
Keep the icon square, round the corners, or crop it to a circle; add padding so a logo is not jammed against the edge; and choose a transparent or solid background. A live preview shows the result at real favicon sizes, including a mock browser tab. Because every file is generated on your device, your logo — often unreleased branding — is never sent to a server.
Frequently asked questions
- Is my image uploaded to make the favicon?
- No. The favicon.ico, PNG icons and manifest are all generated locally in your browser using the Canvas API. Your image never leaves your device.
- What sizes and files do I get?
- A multi-resolution favicon.ico (16, 32 and 48px), PNG icons at 16, 32, 48, 180 (apple-touch-icon), 192 and 512px, a site.webmanifest, and an HTML snippet to paste into your <head>.
- Can I convert a PNG or SVG to an ICO?
- Yes. Drop in a PNG, JPG, SVG or WebP and download a real favicon.ico. SVG logos are rasterized locally at high resolution first.
- What image works best?
- A square image with a simple, high-contrast logo. Non-square images are center-cropped to fit; use the padding and shape controls to frame it the way you want.
- How do I install the favicon?
- Unzip the package into your site’s root folder and paste the provided HTML snippet into the <head> of your pages. The favicon.ico is picked up automatically by most browsers.