How to use an emoji as a favicon 🔥

Published on 2023-01-21

Thanks to this awesome tweet by Lea Verou, which I found thanks to this CSS Tricks post, I can use an emoji as the favicon for my website. I love a good one-liner 👍

Now that all modern browsers support SVG favicons, here's how to turn any emoji into a favicon.svg:

<svg xmlns="https://t.co/TJalgdayix" viewBox="0 0 100 100">
<text y=".9em" font-size="90">💩</text>
</svg>

Useful for quick apps when you can't be bothered to design a favicon! pic.twitter.com/S2F8IQXaZU

— Lea Verou (@LeaVerou) March 22, 2020