Free Favicon Generator

Make a favicon for your website in seconds. Generate from text or upload an image, then download every size you need, including the Apple touch icon and Android web app icons.

Every icon size a website needs

A favicon is the small icon in the browser tab, in bookmarks, and on the home screen when someone saves your site to their phone. Browsers and operating systems each want a different size, and a site that only ships one 16 by 16 pixel icon looks blurry everywhere else.

Type a letter or short word and pick colors, or upload your logo, then preview the result in a mock browser tab. The generator produces the full set: 16×16 and 32×32 for browser tabs, a 180×180 Apple touch icon for iOS, and the Android web app icons with a ready-made manifest.

Adding the favicon to your site

Upload the files to your site’s root and add the link tags to the head of every page:

  • <link rel="icon" href="/favicon-32x32.png" sizes="32x32">
  • <link rel="icon" href="/favicon-16x16.png" sizes="16x16">
  • <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  • <link rel="manifest" href="/site.webmanifest">

Design tips for tiny icons

At 16 pixels, detail disappears. Use a single bold shape or letter, high contrast between the mark and the background, and avoid thin lines and small text. Check the browser tab preview on the page; if it reads clearly there, it will read everywhere.

Frequently asked questions

What size should a favicon be?

Ship several: 16×16 and 32×32 PNGs for browser tabs, a 180×180 PNG for the Apple touch icon, and 192×192 and 512×512 PNGs for Android and progressive web apps. The generator creates all of them from one source.

Do I need a .ico file?

Not anymore. Every modern browser supports PNG favicons. A .ico file is only needed for very old versions of Internet Explorer.

Can I make a favicon from my logo?

Yes. Upload a PNG, JPG, or SVG and the generator scales it to every size. Square logos with a simple shape work best.

Why is my new favicon not showing?

Browsers cache favicons aggressively. Do a hard refresh, or open the site in a private window, and make sure the link tags point to the new file paths.

More free tools