---
title: "How to Make a Favicon (Free, Every Size)"
description: "Make a favicon from text, an emoji, or an image in seconds, get every size a browser needs, and drop in the HTML. Free tool, no signup, plus the API way to generate them at scale."
url: "https://www.imejis.io/blogs/tutorials/how-to-make-a-favicon"
published: "2026-07-25"
---

# How to Make a Favicon (Free, Every Size)

A favicon is the little icon in the browser tab, the bookmark bar, and the search result next to your domain. It's tiny, but a missing or generic one makes a site look unfinished. The good news: you can make a proper one, in every size a browser needs, in about a minute.

## What you actually need

"A favicon" is really a small set of images. Here's what modern browsers and devices look for:

| File                 | Size         | Used by                 |
| -------------------- | ------------ | ----------------------- |
| favicon.ico          | 16x16, 32x32 | Browser tabs, bookmarks |
| apple-touch-icon.png | 180x180      | iOS home screen         |
| icon-192.png         | 192x192      | Android, PWA install    |
| icon-512.png         | 512x512      | PWA splash, high-DPI    |

You don't want to resize a logo four times by hand. A generator does it in one step.

## Make one in a minute (free)

Open the [free favicon generator](/tools/favicon-generator). You have three ways to start:

1. **Upload an image.** A logo or mark works best. It's cropped to a square and rendered at every size.
2. **Type a letter or two.** A single initial on a brand-colored square reads cleanly even at 16 pixels.
3. **Pick an emoji.** No logo yet? An emoji makes a friendly, recognizable icon.

Download the set, and you're ready to wire it in. No signup, no watermark.

## Add it to your site

Drop these into your HTML `<head>`. Point them at wherever you saved the files:

```html title="index.html"
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />
```

Hard-refresh to see it. Browsers cache favicons aggressively, so if the old one lingers, open the file URL directly or clear the tab cache.

## Generate favicons at scale

If you run many sites, or a platform that gives each customer a subdomain, you don't want to make icons by hand. Design one favicon template in Imejis, then render it with the letter, color, or logo swapped per brand. One design, a consistent icon set for everyone.

That render is a single API call, and an [AI agent can make it for you over MCP](/agents). The [API docs](/apis) have tested examples in Node.js, Python, and more if you'd rather call it from code.

## Start making icons

- **Just need one?** The [favicon generator](/tools/favicon-generator) is free, no signup.
- **Need them per brand or per site?** Design a template once and render it through the [API](/apis) or an [AI agent](/agents).
- **Want other quick assets?** Browse the [free tools](/tools) for QR codes, OG images, and more.
