Favicon Generator

Turn any image into a full favicon set with ready-to-paste HTML tags.

Generate a Complete Favicon Set From Any Image

A favicon is the smallest piece of branding a site has and the one that follows it everywhere — browser tabs, bookmarks, history, home-screen shortcuts and search results. Getting it right needs several sizes, because a 16-pixel tab icon and a 180-pixel iOS home-screen icon have completely different requirements.

This generator renders every size you need from a single source image entirely in your browser. Your artwork — often an unreleased logo — is never uploaded anywhere, which is not true of most favicon services.

Key features

  • Seven sizes — 16, 32, 48, 96, 180, 192 and 512 pixels, covering browsers, iOS and Android.
  • Centre-crop, never squash — a non-square source is cropped to square rather than distorted.
  • Corner rounding — optional, with a live preview at real tab size.
  • Transparency or a solid backdrop — your choice, since some platforms flatten alpha anyway.
  • Ready-to-paste HTML — the complete set of link tags for your <head>.
100% client-side — no data leaves your machine

This tool runs entirely inside your browser using native Web APIs. Your files and text are never uploaded to a server, never logged and never shared with third parties.

How to use: Favicon Generator

  1. Upload your logo
    A square PNG at 512×512 or larger gives the best results at every size.
  2. Adjust rounding and background
    Preview at 16 and 32 pixels — fine detail disappears entirely at tab size.
  3. Download all sizes
    Each size saves as a separate PNG, staggered so your browser does not block the batch.
  4. Add the HTML
    Copy the link tags into your document head and upload the PNGs to your site root.

Technical specifications

Processing locationEntirely in your browser — no server round trip
Data uploadedNone. Files and text never leave your device
PriceFree — no account, no trial, no usage cap
CategoryDesign
Works offlineYes, once the page has loaded
Browser supportChrome 90+, Edge 90+, Firefox 90+, Safari 15+
Interface languagesEnglish, 中文, हिन्दी, Español, العربية

Frequently asked questions

What favicon sizes do I actually need?

At minimum 32×32 for browsers and 180×180 for the iOS home screen. Adding 192 and 512 covers Android and the web app manifest. 16×16 is still worth including for older browsers and some bookmark views.

Do I still need favicon.ico?

Rarely. Every current browser supports PNG favicons, which are smaller and sharper. An .ico file only matters for legacy Internet Explorer, and some crawlers still probe /favicon.ico by habit — an equivalent PNG at that path satisfies most of them.

Why does my logo look like a smudge at 16 pixels?

Because 256 pixels cannot hold detail. Favicons need a simplified mark — a single letter, a bold symbol, or the strongest shape from your logo. Full wordmarks never survive the reduction.

Is my logo uploaded to a server?

No. Every size is rendered with the Canvas API inside your browser, which matters when the artwork is an unreleased brand asset. Most favicon generators upload your file; this one cannot, because there is no server to upload to.

Related tools

Back to all tools