HTML Emoji

#html #webdev #codenewbie #css

Emojis are characters from the UTF-8 alphabet.

Emojis are characters, they can be copied, displayed, and sized just like any other character in HTML.

Output:

Preview:

Emoji	Value
⌚	`⌚`
⌛	`⌛`
❌	`❌`
🗾	`🗾`
🗿	`🗿`
😀	`😀`
😁	`😁`
😂	`😂`
😃	`😃`
😄	`😄`
😅	`😅`

For a full list:- HTML Emoji Reference.

Checkout My Blog 😀

Top comments (2)

Luke Shiru • Aug 11 '21

Here's a JS function you might find useful (I wrote it a few days ago). It turn emoji into the HTML escaped version:

/** @param {string} string */
const htmlEscape = string =>
    [...string]
        .map(char => {
            const code = char.codePointAt(0);
            return code > 127 ? `&#${code};` : char;
        })
        .join("");

htmlEscape("💃🏻"); // "&#128131;&#127995;"
htmlEscape("🤯"); // "&#129327;"