Favicon generator

Make a favicon from your logo or your initials, with every size browsers and phones need: favicon.ico, Apple touch icon and Android icons. Free, no signup.

  • 100% free
  • No signup
  • Private: runs in your browser

One to three letters read best at 16 px.

#4f46e5
#ffffff
Shape

Shown under the icon on phones and in the web manifest.

Your favicon preview will appear here.

How it works

  1. Step 1

    Start from your logo or letters

    Drop a logo, or type your initials and pick colours.

  2. Step 2

    Download the files

    favicon.ico, the Apple touch icon, Android icons and the web manifest.

  3. Step 3

    Add the tags

    Upload the files to your site root and paste three lines in your <head>.

Guide

Favicon sizes explained

FileSizeWhere it shows
favicon.ico16, 32, 48 pxBrowser tabs, bookmarks, Google search results
apple-touch-icon.png180 × 180 pxiPhone and iPad home screen
icon-192.png, icon-512.png192 and 512 pxAndroid home screen and installed web apps
site.webmanifest-Lists the icons for phones

Tips for a favicon that stands out

  • Think tiny. At 16 px only a letter or a bold shape survives; drop the tagline and fine lines.
  • Use strong contrast so it reads on both light and dark browser themes.
  • Match your brand colour so customers spot your tab among the others.
  • Logo on a busy background? Clean it up first with the white background remover.

Frequently asked questions

The small icon that shows in browser tabs, bookmarks, search results and on phone home screens. A clear favicon makes your store easy to find among open tabs and looks more trustworthy.

A modern site needs favicon.ico (16, 32 and 48 px) for browsers, a 180 px apple-touch-icon.png for iPhones, 192 and 512 px PNGs for Android, and a site.webmanifest that lists them. This generator makes all of them.

Upload the files to the root of your site (next to your home page) and paste the three link tags into the <head> of every page. Website builders usually have a favicon setting where you upload the PNG instead.

Keep it simple: one or two letters or a bold symbol from your logo, with strong contrast. Fine details and long words disappear at 16 px.

No. The icons are drawn in your browser, so your logo never leaves your device, and there is no signup.

Browsers cache favicons for a long time. Check that the files load at yoursite.com/favicon.ico, then reload with the cache cleared or open the site in a private window.

Find this tool useful?

Share it with your readers or students. Copy this link into your blog post, course or resource page.

<a href="https://nanosite.ai/tools/favicon-generator">Favicon generator</a> by NanoSite

Ready to sell? Build your store with AI

Describe your store and NanoSite builds it, with products, checkout and payments included. Free to start.

Build my store free