<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="manifest" href="/site.webmanifest">

Frequently Asked Questions

What is a favicon?

A favicon (short for "favorite icon") is the small icon shown in browser tabs, bookmarks, and history. It helps users quickly identify your website among many open tabs.

What sizes do I need?

For maximum compatibility: 16×16 and 32×32 (browser tabs), 180×180 (Apple Touch Icon for iOS), 192×192 and 512×512 (Android/PWA). Faviconify generates all of these for you.

PNG or ICO — which should I use?

Modern browsers support PNG favicons perfectly. ICO is only needed for very old browsers (IE10 and below). We recommend using PNG with an ICO fallback, which is exactly what the HTML snippet above does.

Can I use an emoji as my favicon?

Yes! Switch to the Emoji tab, pick any emoji, and we'll render it as a crisp favicon in all sizes. Great for quick prototypes or fun side projects.

How do I add the favicon to my website?

Download the files, place them in your website's root directory, and paste the HTML snippet into your <head> tag. That's it — takes 30 seconds.

Is this really free?

100% free. No signup, no watermarks, no limits. Everything runs in your browser — we don't even upload your images to a server.

🎨 Faviconify

Preview

Download Your Favicon