logoImejis.io

How to Make a Favicon (Free, Every Size)

imejis

imejis

@Imejis_io

#tutorials
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 needWhat you actually need

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

FileSizeUsed by
favicon.ico16x16, 32x32Browser tabs, bookmarks
apple-touch-icon.png180x180iOS home screen
icon-192.png192x192Android, PWA install
icon-512.png512x512PWA 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 freeMake one in a minute (free)

Open the free 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 siteAdd it to your site

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

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 scaleGenerate 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. The API docs have tested examples in Node.js, Python, and more if you'd rather call it from code.

Start making iconsStart making icons

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

Frequently Asked Questions

Browsers use several. The classic favicon.ico holds 16x16 and 32x32. Modern setups also want a 180x180 apple-touch-icon for iOS, and 192x192 and 512x512 PNGs for Android and PWAs. A favicon generator outputs all of them at once so you don't resize by hand.

Use the free favicon generator: upload an image, type a letter, or pick an emoji, and it renders the full set of sizes you can download. No signup and no watermark. Then add a few link tags to your site's head.

Yes. If you don't have a logo, a single letter on a colored square or an emoji makes a clean, recognizable favicon. The generator turns either into every size a browser needs.

Yes. Design one favicon template in Imejis, then render it through the API or an AI agent with the letter, color, or image swapped per site. Every brand gets a consistent icon set from a single design.
See all posts