Favicon Generator

Create favicons in multiple sizes

Upload an image and instantly create favicons in 16, 32, 48, 180, 192 and 512px sizes, with ready-to-use HTML link tags — all in your browser.

About the favicon generator

A favicon is the small icon shown in browser tabs, bookmarks and home-screen app launchers. Different platforms expect different sizes — a 16×16 or 32×32 PNG for the browser tab, a 180×180 apple-touch-icon for iOS home screens, and 192×192 / 512×512 icons for PWA manifests.

Upload a square logo (PNG, JPG or SVG) and this generator produces all six common sizes at once, cover-fitted into each square. Download the ones you need, or grab the ready-to-paste HTML <link> tags for your <head>.

Sizes generated

  • 16, 32, 48 px — classic browser tab favicons.
  • 180 px — Apple touch icon for iOS.
  • 192, 512 px — PWA / Android home-screen icons.

How to use the favicon generator

  1. Upload a logo

    Choose a square PNG, JPG or SVG image from your device.

  2. Preview the sizes

    All six favicon sizes are generated and previewed instantly.

  3. Download

    Download individual sizes or all of them at once.

  4. Copy the HTML

    Copy the ready-to-use <link> tags into your page <head>.

Frequently asked questions

What image should I upload?
A square image works best. A 512×512 PNG with a transparent background gives the cleanest results across all sizes. Non-square images are cover-fitted into each square.
Can I generate an .ico file?
This tool exports PNGs at each size, which all modern browsers support. For legacy .ico support, use the 16×16 and 32×32 PNGs or convert them with an icon tool.
Why do I need so many sizes?
Different platforms request different sizes: browser tabs use 16–48px, iOS home screens use 180px, and Android/PWA installs use 192px and 512px. Providing all of them ensures a crisp icon everywhere.
Are my images uploaded to a server?
No. All resizing and PNG generation happen in your browser. Your image never leaves your device.
How do I use the generated favicons?
Download the PNGs, place them in your site root, and paste the provided <link> tags into your HTML <head>.

I want to…

Common reasons people reach for the favicon generator — see if it matches your task.

  • Create a favicon from an image
  • Generate favicons in multiple sizes
  • Get the HTML link tags for a favicon
  • Make app icons for my website