Favicon Generator
Upload any image and instantly get a complete favicon package: PNG icons at every size you need plus a multi-size .ico — all generated in your browser.
Drop files, paste, or browse
PNG, SVG, JPG — square image recommended; auto center-cropped
Files are processed locally and never leave your device ✦
All icon generation happens in your browser using the Canvas API — your images are never uploaded.
How to create a favicon
- Drop your logo or source image into the box above (PNG or SVG with a transparent background gives the best result).
- Click Generate Icons. The tool crops your image to a square and renders PNG files at each required size.
- Preview the icons and click Download favicon-package.zip to get all files at once, or save individual icons using the per-row buttons.
- Copy the files into your project's
public/folder and add the recommended<link>tags to your HTML head.
Frequently asked questions
- What sizes does this tool generate?
- 16×16, 32×32, 48×48 (classic browser favicons), 180×180 (Apple Touch Icon for iOS), 192×192 (Android home screen), and 512×512 (PWA splash and app store). A multi-size favicon.ico embedding the 16, 32, and 48 px PNGs is also included.
- Are my images uploaded anywhere?
- No. Every icon is generated directly in your browser using the Canvas API. Your original image never leaves your device.
- My source image is not square — will that cause problems?
- The tool automatically center-crops your image to a square before resizing, so the icons will always have the correct 1:1 aspect ratio. For best results, start with a square image with your logo centred.
- How do I add the generated icons to my website?
- Unzip the package and copy the files to your public folder. Then add the appropriate link tags in your HTML head: link rel='icon' for favicon-16x16.png and favicon-32x32.png, link rel='apple-touch-icon' for apple-touch-icon.png, and a web manifest for the 192 and 512 px icons.
- Does the favicon.ico support transparency?
- Yes. The ICO file embeds PNG payloads with full alpha transparency, which is supported by all modern browsers and tools.