Use an Emoji as a favicon
TL/DR;
Put this inside the head
of your html:
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💡</text></svg>">
Substitute with whatever emoji you prefer.
Sources
- Lea Verou tweeted the original idea
- Chris Coyier: Emojis as Favicons — Chris credits Lea and writes some more about it