Updated Jul 14th, 2022

Is it as easy as adding to markdown files?

Cheetsheets like this one here are everywhere. Okay so adding emojis to markdown is simple.

What about:


From CSS tricks article here:

Now that all modern browsers support SVG favicons, here’s how to turn any emoji into a favicon.svg:

<svg xmlns=”http://w3.org/2000/svg” viewBox=”0 0 100 100″>
<text y=”.9em” font-size=”90″>💩</text>

Useful for quick apps when you can’t be bothered to design a favicon!


Article here shows how to build a simple component and why this is preferred over alternatives. Quick and easy implementation.

Recommends Unicode.org and Emojipedia.org to find the codes. I like how they show what they will look like on different devices.

I’m curious how this approach works for psuedo elements like the “:before” of a list item or for the favicon.

Search results

Browser UI

Code Editor

Fireship all over this.

Also, using a site like this, and you can paste in the hexadecimal code but this is not as easy to work, mostly because you can’t tell what the hex code is in your code. So you can copy and paste the actual emoji and it will work and you will see in VSCODE and browser. Cool.

Just wrap in a DOM element like a span.


This was good here


Not really a thing for me now but I see them in the description.


Not using slack right meow.