Favicon Generator

Generate favicons from text, emoji, or uploaded images. Creates all required sizes (16, 32, 48, 180, 192px).

Free Always No Account Needed 100% Client-Side
16×16
32×32
48×48
180×180
192×192
<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">

About this tool

A favicon is the small icon that appears in browser tabs, bookmarks, and home screen shortcuts. Modern browsers require multiple favicon sizes for different contexts.

This tool generates a complete favicon set from: - Text/Initials — enter 1-2 characters, choose a background color, and get instantly generated favicons - Emoji — use any emoji as your favicon (works great for personal projects) - Uploaded image — upload a PNG, JPG, or SVG and resize/crop to favicon dimensions

Generated sizes: - 16×16 — browser tab - 32×32 — taskbar/bookmark - 48×48 — Windows shortcuts - 180×180 — Apple touch icon (iOS home screen) - 192×192 — Android home screen

Download all sizes as a ZIP, or download the required HTML tags to paste in your .

Frequently Asked Questions

What format should a favicon be?
Modern browsers support PNG favicons. .ico format supports multiple sizes in one file. SVG favicons work in Firefox and Chrome.
What size should my favicon be?
Include at minimum: 32×32 (browser tab), 180×180 (Apple touch icon), and 192×192 (Android). A 32×32 PNG is the bare minimum.
Where do I put favicon HTML tags?
In your <head> tag: <link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
Why doesn't my new favicon show up?
Browsers cache favicons aggressively. Hard-refresh (Ctrl+Shift+R) or open a private window to see the new favicon.

Related Tools