Skip to content

Favicon Generator

Turn one image into every favicon size, plus the markup.

Your image

Drop an image here, or click to choose

PNG, JPG, SVG or WebP. Square and 512px or larger works best.

Nothing is uploaded — the resizing happens on a canvas in your browser.

Choose an image and every size appears here, previewed at its real dimensions.

Quick Tool Overview

The Favicon Generator turns one image into every size a browser or platform actually asks for — 16 through 512, including the Apple touch icon — plus the head markup and the web manifest. It runs on a canvas in your browser, so a logo under embargo before a launch never leaves your machine.

What it does
Generates every favicon size from one image
You give it
A square image, ideally 512 pixels or larger
You get back
Downloadable PNGs, the head markup and a web manifest
Best for
Setting up a new site, or replacing an icon that reads badly small
SEO Tools Free, unlimited use No sign-up Runs in your browser

About the Favicon Generator

Drop in an image and the generator produces every favicon size a browser or platform actually asks for — 16, 32, 48, 96, 180 for Apple touch, and 192 and 512 for the web manifest — plus the head markup and the manifest file itself.

The whole thing runs on a canvas in your browser, so the image is never uploaded, which matters more here than it sounds: a favicon is usually a logo, and a logo is usually under an embargo before a launch. It is worth caring about because Google shows a favicon beside every result on mobile, so it is part of your listing rather than just browser furniture. The one that catches people out is scale: an icon that reads clearly at 512 pixels is often an illegible smudge at 16, which is why every size is previewed at its real dimensions here.

Key features of the Favicon Generator

Every size that matters

16, 32, 48, 96, 180 for Apple, and 192 and 512 for the manifest — not the legacy list of twenty.

Previewed at real size

16 pixels is unforgiving, and seeing it at 16 pixels is the only way to know it works.

Markup and manifest included

The head block and the site.webmanifest are generated alongside the images.

Background control

Transparent, or a solid colour for the platforms that handle transparency badly.

Nothing uploaded

Canvas does the resizing locally, which matters when the icon is an unannounced logo.

How to use the Favicon Generator

  1. 1

    Drop in your image

    A square PNG or SVG at 512 pixels or more gives the best results. Nothing is uploaded.

  2. 2

    Set the background

    Transparent, or a solid colour for the platforms that do not handle transparency well.

  3. 3

    Check the small sizes

    Each size is previewed at its real dimensions — 16 pixels is unforgiving of detail.

  4. 4

    Download and paste

    Save each PNG, copy the head markup, and add the manifest if you want one.

Frequently asked questions

Far fewer than the old lists suggest. A 32-pixel PNG covers browsers, a 180-pixel apple-touch-icon covers iOS, and 192 and 512 cover the web manifest for Android. An SVG icon covers modern browsers at any size. Everything else is legacy.

Reviews of the Favicon Generator

What people who use the Favicon Generator think of it. Reviews come from visitors and are posted as written.

No ratings yet

Yours would be the first.

  • 5 0 reviews rated 5 stars
  • 4 0 reviews rated 4 stars
  • 3 0 reviews rated 3 stars
  • 2 0 reviews rated 2 stars
  • 1 0 reviews rated 1 star

Write a review

Used this tool? Your rating helps the next person decide.

Your rating

Plain text only — links, email addresses and HTML are not accepted. Your name and review are shown publicly; nothing else is collected. See the privacy policy.

0 reviews

Newest first

No reviews yet

Be the first to rate the Favicon Generator. It takes half a minute and no account.

Write the first review

More SEO tools