DEV Community

Cover image for Simple & Fast Emoji Favicons
goldnead
goldnead

Posted on • Edited on • Originally published at devblog.adriangoldner.com

Simple & Fast Emoji Favicons

Ok, this is a short one:

Ever heard of https://fav.farm/?

Me neither, until recently. So, if you just quickly want to set an emoji as a favicon it's as simple as adding this short line of HTML into the <head> of your page:

<link rel="icon" href="https://fav.farm/🤓" />
Enter fullscreen mode Exit fullscreen mode

Sweet, isn't it?

It's 2021 folks! No nasty favicon-generators anymore!🥳
At least if you want to get started quickly and don't need your fancy logo to be faviconized.

Top comments (2)

Collapse
 
jogurtas profile image
Mykolas •
Collapse
 
goldnead profile image
goldnead •

Thanks for the source! It's not a new trick, I know :)
However, fav.farm/ simplifies it a bit further though since you don't have to paste the Emoji-SVG code into your HTML but only the URL as the href.