Emoji as favicon

Published: March 4, 2023

Easily add an emoji as your icon for the HTML page.

html
<link
  rel="icon"
  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>"
/>

Now you'll see a 🌈 or what you replace it with.