DEV Community

Cover image for Simple & Fast Emoji Favicons

Simple & Fast Emoji Favicons

goldnead profile image goldnead Originally published at devblog.adriangoldner.local ・1 min read

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 simple 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.

Discussion (2)

jogurtas profile image
goldnead profile image
goldnead Author

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.

Forem Open with the Forem app