Favicon Generator

Upload a logo or type a letter or emoji, and download every favicon size your site needs, with the HTML to paste.

✓ Runs locally — your files never leave this device

In short: A favicon generator turns an image or a few letters into the set of small icons browsers and phones use for a website — favicon.ico, 16–48px PNGs, a 180px Apple touch icon and 192/512px Android icons.

About Favicon Generator

A modern website needs only a handful of icons: a favicon.ico for browsers and bookmarks, a 180×180 apple-touch-icon.png for iPhone home screens, and 192×192 and 512×512 PNGs referenced from a web app manifest for Android and installable web apps. This generator creates all of them from one image — or from a letter, initials or an emoji on a colored background.

The .ico file contains 16, 32 and 48 pixel PNG images in one file, which every current browser supports. The ZIP also includes a ready-made site.webmanifest, and the HTML snippet shows exactly which tags to add to your page.

How to use Favicon Generator

  1. Choose a square image, or switch to From text and pick text, colors and shape.
  2. Check the previews at each size.
  3. Download the ZIP, upload the files to your site’s root folder and paste the HTML into your <head>.

Examples

Logo

A 1024×1024 PNG logo produces favicon.ico, favicon-16/32/48.png, apple-touch-icon.png and android-chrome-192/512.png.

Initials

Text AB, white on blue, rounded — a clean icon for a personal site in seconds.

Frequently asked questions

Do I still need favicon.ico?

It is the most compatible option: browsers request /favicon.ico automatically, and some tools only read that file. PNG and SVG favicons are also supported by modern browsers.

What if my image is not square?

It is centered on a transparent square canvas so nothing is cropped.

Why does my favicon not update?

Browsers cache favicons aggressively. Hard-refresh, open the icon URL directly, or add a version query such as ?v=2.

Is my image uploaded?

No. All icons are generated in your browser. You can check this yourself: open your browser’s developer tools, switch to the Network tab and use the tool — no request carries your input.

Updated November 2026 · Free, no signup · How we build and test tools

Related tools All image tools →