Favicon Generator
Turn a logo, or just a letter or emoji, into every icon a website needs: favicon.ico with 16, 32 and 48 pixel sizes, an Apple touch icon, Android icons and a web manifest, plus the HTML to paste into your page.
Results appear here. Files are processed on your device and never uploaded.
How it works
- Choose a sourceUpload a logo (a square PNG of 512 pixels or more is ideal), or type one to three letters or an emoji.
- Style itPick the shape, background and padding, plus your site name and theme colour for the manifest.
- GenerateYou get favicon.ico, apple-touch-icon.png, icon-192.png, icon-512.png and site.webmanifest.
- InstallUpload the files to the root of your website and paste the HTML tags into the head of every page.
Which files do you actually need?
- favicon.ico (16, 32 and 48 px inside one file): browser tabs, bookmarks and Windows shortcuts. Browsers also request /favicon.ico automatically, so put it at the site root.
- apple-touch-icon.png (180 × 180): the icon iPhone and iPad use when someone adds your site to the home screen. iOS adds its own rounded corners.
- icon-192.png and icon-512.png: referenced from the web manifest, used by Android home screens and install prompts for progressive web apps.
- site.webmanifest: tells browsers your site name, theme colour and icons.
This small set covers every current browser. Older guides list dozens of sizes, but modern browsers scale these files as needed.
Design tips
A favicon is shown at 16 pixels, smaller than a letter on the screen, so simplify. Use a single letter, a bold symbol or the most recognisable part of your logo rather than the full wordmark. Strong contrast between the mark and its background keeps it readable on both light and dark browser themes. Preview the 16 pixel version before publishing: if you cannot recognise it, simplify further.
Frequently asked questions
My new favicon does not show up.
Browsers cache favicons aggressively. Hard-refresh the page, open it in a private window, or add a version query such as /favicon.ico?v=2 to the link tag.
Can I use an SVG favicon?
Modern browsers support SVG favicons, but Safari and older browsers still need the ICO and PNG files, so keep them as the reliable baseline.
Is my logo uploaded?
No. The icons are drawn and packaged in your browser.
Can I use an emoji as a favicon?
Yes. Choose "Letters or emoji" and type an emoji. It is drawn with your device’s emoji font, so it looks the same everywhere once saved as an image.