Emoji as a Favicon Using SVG

DigitalOcean offers cloud products for all stages of your journey, kicking things off with $200 in free credit. Lea Verou had a clever idea to use an emoji as a favicon, now possible with browser support for SVG. Chuck an emoji inside an SVG element and use it as your favicon with a simple one-liner code. Check out a demo project to see it in action in Firefox and Chrome (sorry, Safari lovers). Ada Rose Cannon added an incrementing badge feature, while Taylor Hunt shared a code snippet for using the current Git branch name for an SVG favicon. Get fancy with a prefers-color-scheme media query for dark mode customization.

https://css-tricks.com/emoji-as-a-favicon/

To top