Favicon Generator
Upload a logo and generate PNG favicons at 16, 32, 48, 180, 192 and 512px. Download individually or as a ZIP with a site.webmanifest.
About Favicon Generator
The Favicon Generator turns a logo or square-ish image into the common PNG favicon sizes used by browser tabs, bookmarks and home-screen icons: 16×16, 32×32, 48×48, 180×180 (Apple touch), 192×192 and 512×512. Each size is centre-cropped to a square from the source (shortest side) with high-quality canvas smoothing, then available as an individual download or packed together.
Shipping multiple sizes avoids blurry tab icons and poor “Add to Home Screen” artwork. Generating them from one master logo keeps branding consistent across desktop browsers, bookmarks and progressive web app installs. The ZIP pack also includes a minimal site.webmanifest listing the 192, 512 and 180 icons with placeholder name/theme fields you can edit for your project.
Everything runs locally with canvas scaling and JSZip — useful when you do not want to open a heavy design tool for a quick site launch or rebrand. Dropzone hints recommend a square PNG; non-square art is centre-cropped rather than letterboxed, so edge content can be clipped. ICO is not bundled; modern sites commonly reference PNG favicons from HTML and the web manifest.
How Favicon Generator works in practice
- 1Upload a reasonably square logo (transparent PNG works best).
- 2Wait for the preview grid of 16, 32, 48, 180, 192 and 512 px icons.
- 3Download individual PNGs if you only need specific sizes (180 downloads as apple-touch-icon.png).
- 4Or download the full ZIP pack including all sizes plus site.webmanifest.
- 5Place the PNGs in your site root (or static folder) and point link/manifest tags at the filenames.
- 6Edit the manifest’s name, theme_color and paths to match your real app before shipping.
Jobs this tool is built for
- Launch a landing page today and need tab + PWA icons without opening a design suite.
- Replace a blurry 16×16 favicon after a logo rebrand using one new master file.
- Produce Apple touch (180) and PWA (192/512) icons from the same artwork.
- Hand developers a ZIP that already follows common filename conventions (favicon-NNxNN.png).
What you can do here
- Sizes 16, 32, 48, 180, 192 and 512 as PNG
- Centre square crop with high-quality imageSmoothing
- Preview grid for visual QA at each size
- Per-size download with conventional filenames
- ZIP pack via JSZip including site.webmanifest
- 180 px exported as apple-touch-icon.png
- Fully local — logo never uploaded to ToolSink
Limits and honest caveats
- Source art should be square; non-square images are centre-cropped and may lose edge content.
- ICO format is not included — reference PNG favicons from HTML/manifest on modern browsers.
- The bundled webmanifest uses placeholder “My Site” names and #ffffff theme colours — replace them for production.
- Very small source images upscaled to 512 may look soft; start from a crisp master at least a few hundred pixels wide.
Common questions about Favicon Generator
Which size is the browser tab icon?
Typically 16×16 or 32×32. Keep 180 for Apple touch icons and 192/512 for PWA manifests and Android home screens.
What goes in site.webmanifest?
A minimal JSON with name, short_name, theme_color, background_color, display: standalone, and icon entries for 192, 512 and the 180 Apple touch path. Edit names and colours before deploying.
Should the logo include padding?
Yes. Leave safe margin inside the square so the glyph does not touch icon mask edges on iOS/Android, especially once OS masks apply rounded corners.
Is my logo uploaded?
No. Resizing to canvas and zipping with JSZip happen entirely in your browser.
Why is there no .ico file?
This generator targets PNG favicons and a webmanifest, which cover current browsers and installable web apps. Legacy .ico packs can be produced separately if an older environment still requires them.
This page was written by the ToolSink team to explain how Favicon Generator works on this site — it is not syndicated, scraped, or spun from another publisher. How we write tool guides · Site updates · About ToolSink.
All Image Tools
Tap any tool to jump straight in — no signup, works on mobile.