Did you know you can also use a data-URI as a favicon? And if you use a <text> element inside that SVG, you can set any text as a favicon - including an emoji.
For example, this sets the favicon to a little picture of the text "!!!":
You can also replace the "!!!" in the above snippet with any emoji, and it works. (I couldn't do an emoji here because HN filters them out.)
You could maybe add this as an option for copying code from your site, and the result will work without any request to any server (with the caveat that the emoji design will vary depending on OS).
Comments
I love emojis too. Check out my other project, https://emojifavicon.dev/, to use emojis as favicons
Did you know you can also use a data-URI as a favicon? And if you use a <text> element inside that SVG, you can set any text as a favicon - including an emoji.
For example, this sets the favicon to a little picture of the text "!!!":
You can also replace the "!!!" in the above snippet with any emoji, and it works. (I couldn't do an emoji here because HN filters them out.)You could maybe add this as an option for copying code from your site, and the result will work without any request to any server (with the caveat that the emoji design will vary depending on OS).
That is a cool trick, i should add an option to copy that code as well.
What is the license of the GitHub emoji assets?