Favicon Generator
Turn your logo, initials or an emoji into a complete favicon package — favicon.ico, SVG, Apple and Android icons and a web manifest — with live previews and the code to paste into your site.
At a glance
- Make a favicon from an image (SVG, PNG, JPG, WebP or HEIC), from text — one to four letters in Poppins, Inter or Lora, Hindi included — or from an emoji.
- One ZIP with everything a modern site needs: favicon.ico (16, 32 and 48 px), favicon.svg, favicon-96x96.png, apple-touch-icon.png (180 px), 192 and 512 px app icons, a maskable Android icon and site.webmanifest.
- Copy-ready HTML for <head>, plus where to put each file in a Next.js app.
- Live previews: actual 16, 32 and 48 px sizes, browser tabs in light and dark mode, a Google search result and iPhone and Android home screens.
- Choose a background colour or transparency, a square, rounded or circle shape and the padding. SVG logos and text stay vector in favicon.svg, so they are sharp at any size.
- Everything is made in your browser — your logo is never uploaded.
Step by step
How to make a favicon
- 1
Choose the source
Upload your logo (SVG is best), or type one or two letters, or pick an emoji.
- 2
Style it
Pick a background colour (or none), a shape and the padding. Check the 16 px preview and the dark browser tab.
- 3
Add your site name
Enter the name and theme colour used by phones when your site is added to the home screen.
- 4
Download and install
Download the ZIP, upload the files to your site’s root folder and paste the HTML into <head>.
Features
Everything you need, nothing you don’t
Complete package
Every file browsers, iPhones, Android and Google Search look for — named and sized correctly.
From text or emoji
No logo yet? Make a clean letter icon in seconds, with real font outlines, not a screenshot.
Real-size previews
See exactly how the icon looks at 16 px in a browser tab, on dark tabs and on phone home screens.
Safe Android icons
The maskable icon keeps your logo inside the safe zone, so circle and squircle crops never cut it off.
Code included
The <head> tags and web manifest are written for you — just upload and paste.
Private
Nothing is uploaded: icons are drawn and zipped on your device.
Which favicon files do you need?
| File | Size | Used by |
|---|---|---|
| favicon.ico | 16, 32, 48 px | All browsers, bookmarks, and tools that ask for /favicon.ico |
| favicon.svg | Any size | Modern browsers — sharp on every screen |
| favicon-96x96.png | 96 × 96 | Browsers and Google Search, which wants a multiple of 48 px |
| apple-touch-icon.png | 180 × 180 | iPhone and iPad home screen and bookmarks |
| web-app-manifest-192x192.png | 192 × 192 | Android home screen |
| web-app-manifest-512x512.png | 512 × 512 | Android splash screen and installed web apps |
| maskable-icon-512x512.png | 512 × 512 | Android adaptive icons (circles, squircles and other shapes) |
| site.webmanifest | — | App name, colours and icons for “Add to home screen” |
Tips for a favicon that stands out
- Keep it simple: a symbol or one or two letters. Detailed logos turn into a blur at 16 pixels.
- Check the dark tab preview — a black logo on a transparent background disappears in dark mode. Add a background colour or a light outline.
- Use strong contrast between the letters and the background.
- Use an SVG logo if you have one: favicon.svg stays crisp on high-resolution screens.
- Browsers cache favicons for a long time. Open your site in a private window to see the new one.
FAQ
Frequently asked questions
What size should a favicon be?
How do I add a favicon to my website?
How do I add a favicon in WordPress?
Why don’t I see my new favicon?
Do I still need favicon.ico?
What is a maskable icon?
Is my logo uploaded?
Keep going
Related tools
SVG to PNG, JPG & WebP Converter
Convert SVG to PNG, JPG or WebP online at any size — 1x, 2x, 3x or exact pixels — with a transparent or coloured background. Batch convert, free, no upload.
Image Resizer
Resize JPG, PNG and WebP images by pixels, percentage or social media presets. Crop to fill or fit, batch resize and download a ZIP — no upload needed.
Crop Image
Crop images online to any size or ratio: 1:1, 16:9, Instagram and YouTube sizes, circle crop, rotate, flip and straighten. Free, private and full quality.
Image Color Picker
Pick colours from any image: get HEX, RGB, HSL and CMYK codes with a zoom loupe, plus the image’s colour palette. Free, private — nothing is uploaded.
Image Compressor
Compress JPG, PNG, WebP and AVIF images online for free. Shrink photos by up to 90% or hit an exact KB target — right in your browser, with no upload.
WebP Converter
Convert PNG, JPG, GIF and HEIC images to WebP in your browser. Lossy or lossless, transparency kept, batch ZIP download — free, private and with no upload.
Last updated Report a problem or suggest a feature