offlineutils
100% offline
Media & Design
Free · no signup
Updated

Favicon Generator

A Favicon Generator converts a single source image into a complete set of favicon files — favicon.ico plus PNG icons for browsers, Apple touch, and Android — along with the HTML head snippet and a web manifest, generated and zipped entirely in your browser.

Drop a square logo (512×512 or larger is ideal) or click to choose.
Everything is generated locally — nothing is uploaded.

About Favicon Generator

Drop a square logo (512x512 or larger is ideal) and get everything a site needs: a multi-resolution favicon.ico (16/32/48), favicon-16x16.png and favicon-32x32.png, a 180x180 apple-touch-icon, 192 and 512 android-chrome icons, a site.webmanifest, and the exact link tags to paste into your head. Download them individually or as a single ZIP. Non-square images are center-cropped to a square automatically. All rendering happens on a canvas locally — your logo is never uploaded.

What Favicon Generator does

  • Multi-resolution favicon.ico (16/32/48) built in-browser
  • PNG icons for browser, Apple touch (180), and Android (192/512)
  • Ready-to-paste head link tags and a site.webmanifest
  • Download individually or as one ZIP
  • Auto center-crop to square
  • Runs entirely in your browser — image never uploaded

When to reach for Favicon Generator

  • Adding a favicon to a new website or side project
  • Generating the full icon set for a PWA (manifest included)
  • Creating an Apple touch icon for iOS home-screen bookmarks
  • Refreshing a site's favicon from an updated logo

How to use Favicon Generator

  1. 01

    Add a logo

    Drop a square image (512x512+ ideal) or click Add image.

  2. 02

    Review the icons

    Check the generated previews at each size.

  3. 03

    Download and install

    Download the ZIP, drop the files in your site root, and paste the head snippet.

When to use Favicon Generator vs alternatives

AlternativeUse Favicon Generator when…Use the alternative when…
favicon.io / realfavicongeneratoryou'd rather not upload your logo to a third-party server and want the ZIP generated locally.you want their extended platform-specific tweaking (maskable icons, per-OS previews).
A single favicon.ico by handyou want the modern PNG + Apple + Android set and the manifest too.you only need a legacy .ico and nothing else.

Frequently asked questions

What files does a modern favicon need?
A favicon.ico for legacy support, PNG icons (16x16 and 32x32) for browsers, a 180x180 apple-touch-icon for iOS, and 192/512 PNGs referenced from a web manifest for Android/PWA. This tool generates all of them plus the head snippet.
How is the .ico created without a server?
The tool renders PNGs at 16/32/48 on a canvas and packs them into an ICO container in the browser. Modern browsers read PNG-compressed images inside .ico, so no server-side conversion is needed.
Does my source image need to be square?
Ideally yes, but non-square images are automatically center-cropped to a square so icons aren't distorted. A 512x512 (or larger) PNG gives the sharpest results.
Where do I put the files?
Drop the PNGs, favicon.ico and site.webmanifest in your site's root (or public folder) and paste the provided link tags into your HTML head.
Is my logo uploaded anywhere?
No. Every icon is generated on a canvas in your browser and zipped locally — the image never leaves your device.

Related tools

Image Resizer & Cropper

Resize, crop and compress images on your device, never uploaded.

Image Format Converter

Convert PNG, JPEG and WebP — bulk, in your browser.

QR Code Generator & Scanner

Generate QR codes from any text, or scan one with your webcam.