Navid MoazzezNavid Moazzez

Free Favicon Generator

A free favicon generator that turns your logo into every icon a website needs, with the HTML to paste, in your browser.

Navid Moazzezby Navid Moazzez·Updated 2 ott 2026·5 min read·

Drop your logo and get every icon your site needs, with the HTML to paste. It all happens in this browser.

1

Your logo

Nothing is uploaded.
2

Settings

Background for the phone iconsThe Apple icon and Android's round icon need a solid color behind your logo. Your tab icon stays see-through.
3

Make

Add a picture to start.

Rate this tool

This free favicon generator turns your logo into every icon a website needs, in your browser: favicon.ico, the Apple touch icon, the Android icons and the manifest.

It writes the HTML to paste into your page, and shows your icon in a browser tab and on a phone before you upload anything.

Here's what each file is for, where the sizes come from, and how it compares with CloudConvert.

key_takeaways.mdTL;DR

Key takeaways

This free favicon generator makes every icon file a site needs from 1 logo, in your browser, with the HTML to paste.
Each size follows its maker's own guidance: Google Search, Apple, Chrome and the W3C web app manifest.
Small sizes are resized with Lanczos 3 and matched ImageMagick pixel for pixel in Chrome and Safari.
A preview shows your icon in a light and a dark browser tab, and on a phone's home screen.

What is a favicon generator?

A favicon generator turns one picture, usually your logo, into the small icons browsers and phones show for your site.

The favicon sits in the browser tab, in bookmarks and in Google's search results. When someone saves your site to their phone, it's the app icon too.

Make your favicons0/4

The files you get

One logo becomes these files:

favicon.ico
Size
16, 32 and 48 px
What it's for
Browser tabs and bookmarks, in every browser
favicon-96x96.png
Size
96 px
What it's for
Google Search, which recommends bigger than 48 px
favicon.svg
Size
Any size
What it's for
Sharp tabs at any zoom, when your logo is an SVG
apple-touch-icon.png
Size
180 px
What it's for
iPhone and iPad home screens
icon-192.png and icon-512.png
Size
192 and 512 px
What it's for
Android home screens and installed web apps
icon-maskable-512.png
Size
512 px
What it's for
Android's round and rounded icons
site.webmanifest
Size
Text
What it's for
Tells Android and Chrome where the icons are

The favicon.svg only comes when you drop an SVG. Browsers that read SVG icons use it at any size, and the others fall back to the ICO.

Every PNG goes through OxiPNG, which made them 30% to 75% smaller in my tests without changing a pixel.

Where each size comes from

Every size is the one its maker asks for:

  • Google Search – Google's favicon guidelines ask for a square icon and recommend one bigger than 48 px. The 96 px PNG covers that.
  • Apple – Apple's Safari guide names the file apple-touch-icon.png, at 180 px for iPhone.
  • Chrome and Android – web.dev says Chrome needs a 192 px and a 512 px icon in the manifest.
  • Android's shaped icons – the W3C's manifest spec keeps a circle 80% across safe from any mask. A logo sits inside it, and a photo fills the icon.

The phone icons get your background color behind your logo, so they never show see-through corners.

Sharp at 16 pixels

A favicon is shown tiny, so how it's made smaller matters. The tool resizes with Lanczos 3, the filter ImageMagick uses to shrink pictures.

I checked it on my own 512 px favicon: at 16, 32, 48 and 128 px, every pixel matched ImageMagick's, in Chrome and in Safari. An SVG logo is drawn fresh at each size, so it stays crisp.

See it before you upload

After you click Make, the tool shows your favicon in a browser tab, in light and dark mode.

It also shows the iPhone icon with its rounded corners and Android's round one. A logo that disappears on a dark tab is easy to spot here, before your visitors see it.

Compared with CloudConvert

I converted the same pictures to ICO with CloudConvert on September 30, 2026:

Sizes in the ICO
This tool
16, 32 and 48 px
CloudConvert
32 px only
A wide logo
This tool
Centered on a square
CloudConvert
32 × 5 px, not square
Where it runs
This tool
In your browser
CloudConvert
On its servers, after an upload

CloudConvert makes the ICO file only. This tool makes the Apple and Android icons and the manifest too, and writes the HTML.

Add it to your site

Three steps put your favicon live:

  • Upload – put every file from the ZIP in your site's main folder, next to your home page.
  • Paste – copy the HTML into your page's head, or into your site's header settings.
  • Reload – browsers keep an old favicon for a while, so a hard reload may be needed to see the new one.

Website builders have their own favicon setting. Upload icon-512.png there.

Pick the right picture

A few things make a favicon read well at 16 px:

  • Square – a wide logo is centered with see-through space above and below it. Use your logo's mark, not the full wordmark.
  • Big enough – 512 px or more, or an SVG. A smaller picture is enlarged for the 512 px icons and looks soft.
  • Simple – fine detail and small text disappear in a browser tab. A bold shape reads best.

The tool warns you when a picture isn't square or is too small.

Nothing is uploaded

The tool runs in your browser, so your pictures never leave your computer. There's no account and no limit.

It makes every file in under 2 seconds, most of it spent making the PNGs smaller.

Who is the favicon generator for?

It's for anyone launching a site or giving one a new look:

Freelancers use it to hand a client a finished set of icons with the code.

More free tools for icons and logos

Here are my other icon tools, and two for getting your logo ready:

They're all free, in your browser, with no watermark.

Design your icon

Make a logo with AI

Favicon generator FAQs

Questions about the favicon generator? Here's what to know.

A favicon generator turns your logo into the small icons browsers and phones show for your site.

This one makes the ICO, the Apple and Android icons, the manifest and the HTML.

A favicon.ico holds 16, 32 and 48 px, and Google recommends a favicon bigger than 48 px.

The generator adds a 96 px PNG for that, and 180, 192 and 512 px icons for phones.

Put them in your site's main folder, next to your home page.

Then paste the HTML the generator writes into your page's head.

Yes, most browsers show an SVG favicon, sharp at any size.

Drop an SVG and the generator includes it, with the ICO as the fallback.

Browsers keep a favicon for a while.

A hard reload, or opening the site in a private window, shows the new one.

Yes, the favicon generator is free, with no account and no limit.

It runs in your browser, so it costs nothing to run.

No, the favicon generator works in your browser.

Your logos never leave your computer.

I did.

I'm Navid Moazzez, and the favicon generator is one of my free tools on navid.me.

Read more about me.

Navid Moazzez

AI business strategist & AI OS builder

Navid Moazzez helps creators and founders master AI and build their own AI Operating System (AI OS) to automate their business and life.

Navid.me is reader-supported. When you buy through links on this site, I may earn an affiliate commission. Learn more.

More free tools

Related MCP servers & CLIs

Free AI newsletter

The most actionable AI newsletter for founders

Every week, get proven AI strategies, curated tools, and step-by-step systems to grow your audience, create better content, and build a profitable creator business.

No fluff, no filler, no BS. Just five minutes each week that might level up your online business and life.

P.S. Sign up now to get free access to my ultimate AI tools guide for creators.

Loved by 10,000+ readers