DEV Community

Cover image for Simple & Fast Emoji Favicons

Posted on • Updated on • Originally published at

Simple & Fast Emoji Favicons

Ok, this is a short one:

Ever heard of

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="🤓" />
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)

jogurtas profile image
goldnead profile image

Thanks for the source! It's not a new trick, I know :)
However, 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.