⭐ Favicon Generator
Every size plus a real .ico file
ℹ️ Produces one .ico containing 16, 32, and 48px, plus the PNGs each platform expects. A square source with a simple shape works best.
🔒 Everything runs inside your browser — your files are never uploaded to our servers and we never see them. Close the tab and nothing is left behind.
Step-by-step
- Pick an image Square, and the simpler the shape the better. A favicon is as small as 16 × 16 pixels — about the size of one letter or one simple symbol. A detailed logo at that size becomes an indistinct smudge.
- Decide on the background It is opaque with a fill colour by default, because tab bars go dark in dark mode and a dark transparent icon all but disappears there. Only tick "keep transparency" if you genuinely need it.
- Set padding and corner radius Around 8% padding is usually right, keeping the shape off the edges. Rounded corners look better in Safari tabs on macOS and on phone home screens; push to 20–25% for an app-style icon.
-
Press start
You get seven files: one
favicon.icocontaining 16, 32, and 48px, plus six PNGs covering what each platform expects. -
Put them at the site root and paste the HTML
Drop every file in your web root and paste the generated HTML into
<head>. Havingfavicon.icoat the root matters on its own — browsers look there even without any HTML telling them to.
When you would use this
A launch-checklist item for any new site
A site with no favicon shows a blank default icon in the tab bar. With twenty tabs open, that means your site is visually absent. It is the cheapest item on a launch checklist with the most immediate effect.
The icon when someone adds you to a home screen
apple-touch-icon determines what appears when a visitor adds your site to their iPhone home screen. Without one, iOS grabs a screenshot of your page instead, which is almost always ugly.
Making a set from a logo, quickly
The designer supplied a logo but no favicon files — an extremely common situation. Drop it in, adjust the padding, and you have the whole set without going back to ask.
Generating from an SVG icon
Convert your vector icon to a 512px PNG with SVG to PNG first, then bring it here. Favicons that start from vector art come out cleanest at every size.
What you get
- favicon.ico — one file containing 16, 32, and 48px, for your web root.
- favicon-16x16.png / 32x32 / 48x48 — what modern browsers prefer for tabs.
- apple-touch-icon.png (180px) — the icon when iPhone or iPad users add you to their home screen.
- android-chrome-192x192.png / 512x512 — Android home screens and PWA install prompts.
The one design constraint that matters
It has to be recognisable at 16 pixels. That is the only real constraint on a favicon, and it is far stricter than people expect. 16 × 16 is roughly the size of one character — full logos, company names, fine strokes, and gradients all dissolve into mush at that scale.
What works in practice is taking the single most recognisable element of your logo: a first letter, a symbol, one distinctive shape. Look at sites you know well and you will find almost nobody puts a complete logo in a favicon.
After generating, open favicon-16x16.png and look at it. If you cannot tell what it is, your visitors certainly will not.
Frequently asked questions
Why is .ico still needed? Are PNGs not enough?
.ico still earns its place for two reasons. First, it can hold several sizes in one file and let the browser pick. Second, browsers with no other instruction will simply try /favicon.ico. Putting one at the root costs essentially nothing and covers every odd case.Why do you recommend against transparency?
Is 16px really that small?
favicon-16x16.png and see whether you can still tell what it is.Do I have to write site.webmanifest myself?
<link rel="manifest"> line is perfectly fine.What you might need next
Image work rarely ends in one step. These pair up with Favicon Generator most often:
- 🧬 SVG to PNG — Vector to raster at any size you want
- 📐 Resize Image — By width, percentage, or exact size
- ⚡ PNG to WebP — Typically 30%+ smaller files
Want to share the result? Upload turns images, photos, or videos into a short link with optional password, expiry, and view limits. Or head back to all 12 tools.
More tools
Compress Image
Shrink file size while keeping quality
Compress to Size
Say 2MB and it lands under 2MB
HEIC to JPG
iPhone photos into a format everything reads
View & Remove EXIF
See what your photo reveals, then strip it
ID Photo Sizes
Passport and ID sizes, print sheet included
Resize Image
By width, percentage, or exact size
Upscale Image
Enlarge up to 4× the original size
Crop Image
Drag to select the area to keep
Rotate Image
Batch rotate and flip
Add Watermark
Text watermark with position & opacity
Blur & Redact
Hide faces, plates, and personal data
Convert to JPG
PNG, GIF, and WebP to JPG
JPG to PNG
Convert to lossless PNG or WebP
PNG to WebP
Typically 30%+ smaller files
Split into Grid
Cut into a 3×3 Instagram grid
Merge Images
Join several images into one long strip
Extract Colours
Pull the key colours with HEX and CSS
SVG to PNG
Vector to raster at any size you want
Image to Base64
Data URI, CSS, and HTML snippets
Video Frame Grab
Grab any frame as a cover image
Video to GIF
Turn a clip into an animated GIF
Remove Background
For white and green-screen product shots
Image to Text (OCR)
Pull the text out of a screenshot
Images to PDF
Merge multiple images into one PDF
PDF to Images
Every page as a JPG or PNG