Design

Favicon Generator

Upload a PNG, JPG, SVG, or WebP image and generate favicons in all standard sizes (16×16 to 512×512). Fully client-side — your image is never sent to any server.

[[ labels.upload_title ]]

[[ labels.upload_hint ]]

[[ labels.upload_formats ]]

[[ labels.drop_active ]]
preview
[[ imageFile?.name ]]

[[ labels.result_title ]]

[[ g.def.size ]]×[[ g.def.size ]]
[[ sizeLabel(g.def) ]]
[[ g.def.filename ]]

[[ labels.html_title ]]

[[ labels.html_desc ]]

[[ htmlSnippet ]]

Tips

  • Your uploaded image is never sent to a server. All processing happens entirely in your browser.
  • Recommended image: Use a square PNG (at least 512×512 px) for clean downscaling across all sizes. Transparency (alpha channel) is fully supported.
  • SVG favicons can be used directly as <link rel="icon" type="image/svg+xml"> in some modern browsers. However, iOS Safari requires a PNG Apple Touch Icon.
  • If you are building a PWA (Progressive Web App), register 192×192 and 512×512 PNG icons in your manifest.json.

FAQ

This tool outputs PNG format. All modern browsers (Chrome, Firefox, Edge, Safari) support PNG favicons, so ICO format is not needed in practice. ICO is only required if you need to support IE11 or below, which is an extremely rare requirement today.

At a minimum, we recommend providing 32×32 (browser tab) and 180×180 (Apple Touch Icon / iOS home screen). If you are building a PWA, you also need 192×192 and 512×512.

The current version scales your image to fit a square canvas while preserving its aspect ratio. If your image contains a logo or text, we recommend cropping it to a square beforehand for the best results.

Side Note — The History of Favicons — A Tiny 16px Revolution

In 1999, Internet Explorer 5 became the first browser to display small icons next to bookmarks in the favorites menu. This introduced the convention of placing a file named favicon.ico at the site root — the word "favicon" itself is a portmanteau of "favorite icon".

The ICO format was borrowed from Windows icon files and could contain multiple sizes (16×16, 32×32, 48×48) in a single file. Today, PNG and SVG are viable alternatives — SVG favicons (image/svg+xml) in particular are gaining attention for being resolution-independent and capable of adapting to dark mode. The <link rel="icon"> tag was formally standardized in the mid-2000s, but placing favicon.ico at the root persists as a backward-compatibility convention.

When Apple launched the iPhone in 2007, it introduced its own Apple Touch Icon (apple-touch-icon.png) specification — the icon shown when a user adds a site shortcut to their iOS home screen. Originally 57×57 px, it grew to the current standard of 180×180 px as Retina displays became widespread. The rise of PWAs further added 192×192 and 512×512 to the mix, making favicon management increasingly complex over the years.

More tools in this category