Emoji as a favicon, no need for a designer...  🖼 🎁

Did you know you can use an emoji as your favicon?

Modern browsers support SVG favicons, and SVG can render text and en emoji is text 🤯

  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>"

I learned this neat little trick from @chriscoyier, who got it from @LeaVerou!

For fun, and to test out the @GatsbyJS Plugin Starter, I created @raae/gatsby-plugin-svg-emoji-favicon 🎉

But I often find myself reaching for it; favicons make any project seem more polished!

It's a good little plugin to look at to learn how to add content to the head tag of your pages.

All the best,
Queen Raae

PS: Learn how to add test to your plugins on tonight's unauthorized and rum-fueled treasure hunt in the sharky waters around the Gatsby islands, and contribute a test or two to the favicon plugin if you'd like.

Stuck on a reef in the sharky waters around the Gatsby islands?

Book a 1-on-1 Gatsby Call with Queen Raae. Friendly advice you can put into action immediately, guaranteed!

Serious about Gatsby? Sign up for emails sent every weekday to help you get the most out of Gatsby!