Make a favicon set from your initials or an emoji at 16, 32, 180 and 512 pixels, right in the browser, with the HTML to paste.
How to use the Favicon generator
- Type initials or pick an emoji, then choose colours.
- Download the PNGs at every size.
- Paste the link tags into your page head.
Which sizes you need
16 and 32 px for browser tabs, 180 px for the Apple touch icon, and 512 px for Android and the web app manifest. Google shows your favicon next to your result on mobile, so a clear mark helps clicks.
Checking the preview
The tab preview shows the 16 px version as it will sit next to your page title. If you can't tell what it is at that size, it is too detailed. One or two characters read better than three; one letter is clearest. Strong contrast between background and foreground matters more than colour choice, and a rounded square or circle stays recognisable in both light and dark browser themes. Click any size to download it; the 180 px file is named apple-touch-icon.png, ready to drop in.
When the favicon doesn't show
Browsers cache favicons hard, so open the site in a private window to check a change. Make sure the files sit where the link tags point, usually the site root. Google only shows a favicon in results after it recrawls your home page, and it wants a square icon whose size is a multiple of 48 px, so link the 48 or 192 px file as well. Don't block the icon files in robots.txt.