Favicon Generator
Upload any image — or type initials/emoji — and get a complete favicon set. Generates in your browser. No uploads.
- 16×16, 32×32, 48×48 PNG
- 180×180 Apple Touch
- Text & Emoji mode
- Nothing uploaded
Drop an image here or browse
PNG, JPG, SVG, WebP — square image gives the best results
Preview & Download
16×16
32×32
48×48
180×180
Apple Touch
.ICO downloads as a 32×32 PNG with .ico extension — compatible with all modern browsers and build tools. Edit name and short_name in the manifest after downloading.
HTML to paste in your <head>
Auto-scales by character count; drag to fine-tune
Live Preview
16×16
32×32
64×64
128×128
.ICO downloads as a 32×32 PNG with .ico extension — compatible with all modern browsers and build tools. Edit name and short_name in the manifest after downloading.
What is a Favicon?
A favicon (short for "favorites icon") is the small icon that appears in browser tabs, bookmark lists, history, and search results. Modern browsers support several formats and sizes, so a complete favicon set typically includes:
16×16 PNG
Browser tabs — the most common favicon size
32×32 PNG
Taskbar pinned sites, Windows shortcut icons
48×48 PNG
Windows site icons and some desktop environments
180×180 PNG
Apple Touch icon — iOS and macOS home screen
SVG
Modern browsers; crisp at any size, supports dark mode
favicon.ico
Legacy fallback; embeds 16 and 32 sizes in one file
The Modern Favicon HTML
Place your favicon files in the site root and add this to your <head>:
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="icon" type="image/svg+xml" href="/favicon.svg">
Latest Articles
-
What Is a Favicon? The Tiny Icon That Does a Big Job
Learn what a favicon is, where it appears across browsers and devices, and why this small icon matters more than you might think for your brand.
-
Favicon Sizes: The Complete Size Guide for Every Browser and Device
A definitive guide to favicon sizes — from the original 16x16 ICO to Apple touch icons, Android PWA icons, and SVG favicons. Know exactly what to generate.
-
How to Create a Favicon for Your Website (Quick and Easy)
Learn how to create a favicon from scratch or from your logo — including design tips, format choices, and exactly how to add it to your website's HTML.
-
Favicon Not Showing? Here's How to Fix It
Favicon not appearing in your browser tab? Walk through the most common causes — browser cache, wrong path, missing tags, HTTPS issues — and how to fix each one.
-
Favicon ICO vs PNG: Which Format Should You Use?
ICO, PNG, or SVG — which favicon format is right for your site? This guide compares all three, explains browser support, and gives you the best-practice approach.
-
Apple Touch Icon: Size, Setup, and Why You Need One
Everything you need to know about the apple-touch-icon — what it is, the right sizes, how to add the link tag, and how it differs from a standard favicon.