1. Home
  2. Image Tools
  3. Favicon Generator

Favicon Generator

Generate a complete favicon package, including favicon.ico, PNG icons, Apple touch icon and Android icons, from an image, letters or an emoji, with the HTML code to install it.

HTML code for your <head>
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Runs locally in your browser. Your files and data are never uploaded or stored.

About the Favicon Generator

A favicon is the small icon shown in browser tabs, bookmarks, search results and on phone home screens when someone saves your website. A clear favicon makes your site look professional and helps visitors find your tab among many others. Google also displays favicons next to your pages in mobile search results.

The Favicon Generator creates everything you need from a single source. Design a simple icon from one or two letters or an emoji with a solid or gradient background, or upload your logo. Then download a ready-to-use package containing favicon.ico (with 16, 32 and 48 pixel sizes), PNG favicons, the 180×180 Apple touch icon, Android Chrome icons and a web manifest, plus the HTML code to paste into your website's <head>.

How to use the Favicon Generator

  1. Choose Text / Emoji to design an icon, or Image to upload your logo.
  2. Adjust the text, colors and shape and check the preview.
  3. Download the full favicon package as a ZIP or individual sizes.
  4. Upload the files to your website root and paste the HTML code into the .

Frequently asked questions

What size should a favicon be?

Browsers use 16×16 and 32×32 pixels in tabs, 48×48 for Windows shortcuts, 180×180 for Apple devices and 192×192 and 512×512 for Android. The package includes all of them.

Where do I upload favicon.ico?

Place it in the root folder of your website (the same folder as your homepage), so it is available at yourdomain.com/favicon.ico.

Why is my new favicon not showing?

Browsers cache favicons aggressively. Clear your cache or open the site in a private window to see the new icon.