Favicon Generator

Create professional website icons from text, emoji, or images.

Background Settings

Preview

SuiteWebTools ✖

Missing a tool?

Tell us what you'd like us to build next. We read every suggestion, and your email is optional.

What this tool does

The Favicon Generator makes the small icon that browsers show in tabs and bookmarks, from a letter, an emoji or your own image. It creates every file a website needs and the HTML to add them.

How to use it

  1. Choose Text / Emoji and type up to two characters, or choose Image Upload and pick a picture (it's cropped to a square).
  2. Pick the font, size and colors, and the background shape: square, rounded or circle.
  3. Check the tab preview, which shows the icon at its real 32 px size.
  4. Download the files, put them in your site's root folder and paste the HTML snippet into each page's <head>.

Which files does a site need?

  • favicon.ico (16, 32 and 48 px in one file): browser tabs, bookmarks and older browsers. Browsers also look for it at /favicon.ico on their own.
  • A larger PNG (192 × 192): sharp icons on high-resolution screens. Google Search recommends a square favicon larger than 48 × 48 px, and this one covers that.
  • apple-touch-icon.png (180 × 180): the icon iPhones and iPads show when someone adds your site to the home screen. It always has a full square background, because iOS rounds the corners itself.
  • A 512 × 512 PNG: for a web app manifest, if your site can be installed as an app.

Each size is drawn separately rather than shrunk from the large one, so the small icons stay sharp.

Tips for an icon people recognize

  • Keep it simple: one bold letter or symbol reads best at 16 px.
  • Use strong contrast between the letter and the background.
  • Long text shrinks automatically to fit, but two characters are the practical limit.

Frequently asked questions

Why does Google still show my old icon?

Google updates a site's favicon when it next crawls the home page, which Google says can take several days to several weeks. Make sure the <link rel="icon"> tag is on your home page and the file isn't blocked from crawling.

Is my image uploaded anywhere?

No. Everything is drawn in your browser, and nothing is sent to a server.

Related tools: Random Color Palette Generator, Social Media Photo Resizer and Placeholder Image Generator.

Sources: Google Search Central, Define a favicon to show in search results; MDN Web Docs, rel="icon"; Apple, Configuring Web Applications. Last reviewed on SuiteWebTools: October 2026.