Favicon Generator

Your site's tiny face

A favicon is the small icon in browser tabs, bookmarks and phone home screens. Without one, tabs show a blank page icon — the site looks unfinished and is harder to find among other tabs. This tool makes every favicon file modern browsers and phones expect, from letters, an emoji or your logo.

What you get

• favicon.ico — 16, 32 and 48 px in one file. Put it in your site's root folder and most browsers find it automatically.
• favicon-16x16 / 32x32.png — for modern browser tabs.
• apple-touch-icon.png (180 px) — used when someone adds your site to an iPhone or iPad home screen. It can't be transparent, so the background is filled.
• android-chrome 192/512 px + site.webmanifest — Android home-screen icons and installable web-app (PWA) info.
• head-code.html — the link tags to paste into your page's <head>.

Making it readable

16 px is tiny, so detailed logos turn to mush. Use one or two letters, or just the symbol from your logo. The preview shows 128, 48, 32 and 16 px plus a mock browser tab. Choose a rounded square, square, circle or transparent background. Emoji are drawn with your device's emoji font, so they look slightly different on Windows, macOS and Android.

Browsers cache favicons aggressively — check with a hard refresh (Ctrl+F5) or a private window. For search and social previews, prepare tags with Meta Tag Generator. Images never leave your device.