Favicon Generator

Create a favicon from any image or text/emoji in seconds. Download at multiple sizes — free, private, no uploads, no sign-up.

🖼️

Drop your image here, or browse

PNG, JPG, SVG, WebP — square images work best

HTML snippet for your <head>

<!-- Generate a favicon to see the code -->

Preview & download

64 × 64 px
32 × 32 px
16 × 16 px

Modern browsers accept PNG favicons. Use the 64px version for best quality.

🔒
Your image never leaves your browser

Favicon generation uses the Canvas API — 100% local. No uploads, no servers.

How to add a favicon to your website

Once you've downloaded your favicon PNG, upload it to the root of your website (or any accessible path) and add the HTML snippet in your page's <head>. Modern browsers — Chrome, Firefox, Safari, Edge — all support PNG favicons natively. For legacy IE11 support, you'd need an ICO file, but in practice this is rarely needed in 2026.

For best results: use a simple, bold icon that reads clearly at small sizes. Detailed logos often become unrecognizable at 16×16. An emoji or a single letter works better than a complex illustration.

Frequently asked questions

What is a favicon and where does it appear?

A favicon appears in the browser tab, bookmarks, history, and sometimes next to your site name in Google Search results. It's typically 16×16 or 32×32 pixels.

Which favicon format should I use in 2026?

PNG is the best choice for modern browsers. Include a 32×32 PNG with <link rel="icon" type="image/png" href="favicon.png">. Add a 180×180 PNG with rel="apple-touch-icon" for iOS home screen icons.

My favicon isn't updating in the browser — why?

Browsers aggressively cache favicons. Try opening a new incognito/private window, or append ?v=2 to the favicon URL in your HTML to force a refresh.