Advertisement

Free Online Favicon Generator

Turn any image into a complete favicon set, including favicon.ico and every PNG size modern devices need.

Drop a logo or image here Square images work best · PNG, JPG, WebP, or SVG
Upload an image to generate your favicon set

Add the favicons to your site

Copy this snippet into the <head> of your HTML. Adjust the paths if you store the files in a subfolder.


        
Advertisement

About the Favicon Generator

A favicon is the small icon shown in browser tabs, bookmarks, and on phone home screens. Modern browsers and devices expect several sizes, so this tool creates a complete set from one image, including a multi-size favicon.ico, PNG icons, an Apple touch icon, Android icons, and a web app manifest.

What is included?

  • favicon.ico — a multi-resolution icon containing 16×16, 32×32, and 48×48 images for browsers and older systems.
  • favicon-16x16.png and favicon-32x32.png — standard browser tab and bookmark icons.
  • favicon-48x48.png, 64×64, and 128×128 — useful for desktop shortcuts and Windows tiles.
  • apple-touch-icon.png (180×180) — the icon used when a site is added to an iPhone or iPad home screen.
  • android-chrome-192x192.png and 512×512 — icons referenced by the web app manifest on Android.
  • site.webmanifest — a manifest file that tells mobile devices how to display your site.

Tips for a sharp favicon

  • Use a simple, high-contrast logo. Tiny details disappear at 16×16 pixels.
  • Upload a square image so the icon is not stretched. Non-square images are centered with transparent padding.
  • If your logo is dark, add a light background; if it is light, use a dark background so it stays visible.
  • Clear your browser cache after replacing favicons. Browsers are often slow to refresh them.

Frequently asked questions

Is my logo uploaded to a server?

No. All icons are generated locally in your browser. Your image never leaves your device.

Do I need every file?

At minimum, use favicon.ico and the 16×16 and 32×32 PNGs. The Apple and Android icons improve the experience when someone adds your site to their home screen.

Where should I put the files?

Place them in the root of your website (for example /favicon.ico) or update the paths in the snippet to match your folder structure.

Sponsored
Find a bug? Report now