emoji_favicon.md

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

See also

• How to use an svg as a website or web page's favicon, including supporting legacy platforms and rich application platforms.
• How to convert an svg to a Windows .ico icon file, with inkscape and magick