Favicon Generator

Generate a full favicon set from one image, with the HTML ready to paste.

Drop a square image here, or click to browse 512×512 or larger works best, generated on your device

The image is decoded and processed by your own browser. It is never uploaded, and no copy of it exists anywhere but this tab, you can confirm that in the DevTools Network tab while you work.

Choose an image to begin.

Generated sizesClick any icon to download it
The HTML will appear here.
The manifest JSON will appear here.

Features

  • Seven sizes covering browsers, iOS and PWA
  • Optional padding, rounded corners or circular crop
  • Ready-to-paste HTML head snippet
  • Web app manifest icon entries
  • Individual or bulk download

How to use it

  1. Drop in a square image, ideally 512 pixels or larger.
  2. Add padding if your logo needs breathing room.
  3. Click any generated icon to download it individually.
  4. Copy the HTML into your page's head.

What a modern favicon set actually needs

The sprawling favicon sets of a few years ago, thirty files covering every Windows tile size and legacy iOS version, are no longer necessary. A modern site needs surprisingly little: an SVG favicon for browsers that support it, a 32×32 PNG fallback, a 180×180 Apple touch icon for iOS home screens, and 192×192 plus 512×512 PNGs referenced from the web app manifest for Android and PWA installs.

An SVG favicon is worth using where you can. It scales perfectly to any display density, is usually smaller than the PNG equivalent, and can respond to the user's colour scheme with a prefers-color-scheme media query inside the SVG itself, so your icon can invert automatically in dark mode. Browsers that do not support it fall back to the PNG, so there is no downside.

Two practical points. Favicons render at 16 pixels in a browser tab, which is genuinely tiny, a detailed logo becomes an unreadable smudge. Most well-designed favicons are a single letter, a simple mark, or a heavily simplified version of the full logo. And maskable icons for Android need their content inside a safe zone covering the central 80%, because the launcher may crop the icon to a circle, squircle or rounded square depending on the device. The padding control here exists for exactly that.

Frequently asked questions

Yes, completely. Favicon Generator is free with no usage limits, no account and no sign-up. There is no paid tier and no trial that expires. Tools marked Premium on this site carry that label to indicate a deeper feature set, not a price.
Favicon Generator covers seven sizes covering browsers, iOS and PWA, optional padding, rounded corners or circular crop, ready-to-paste HTML head snippet, among other things. Everything is available immediately with no account, no sign-up and no usage limit.
The sprawling favicon sets of a few years ago, thirty files covering every Windows tile size and legacy iOS version, are no longer necessary. A modern site needs surprisingly little: an SVG favicon for browsers that support it, a 32×32 PNG fallback, a 180×180 Apple touch icon for iOS home screens, and 192×192 plus 512×512 PNGs referenced from the web app manifest for Android and PWA installs.
Your image is decoded and processed by your own browser using the File and Canvas APIs. It is never uploaded, there is no server to receive it. You can verify this by opening your browser's developer tools, switching to the Network tab, and watching while you use the tool: you will see no request carrying your file. Because nothing depends on a server, the tool also keeps working offline once the page has loaded, the site registers a service worker that caches it after your first visit.

Related tools

Further reading

📖 How to Make a Favicon That Looks Right in Every Browser Tab

Read the full guide on the 123MiniApps blog.

Pick a theme

Ten hand-tuned palettes.