How to Encode Emoji
Represent emoji in various formats: UTF-8 bytes, Unicode escapes, HTML entities, and Base64.
Problem
You need to include an emoji in a system that does not accept raw non-ASCII characters, such as a JSON API or legacy database.
Prerequisites
- Understanding of Unicode code points
- Familiarity with surrogate pairs
Steps
-
1. Find the emoji code point
Look up the emoji in the Unicode character database. Most emoji are in the U+1F300 to U+1FAFF range. Some emoji use variation selectors (U+FE0F) to request color rendering. Note the full sequence including any selectors.
Input🎉OutputU+1F389 -
2. Choose the target format
For JavaScript, use \u{1F389} or the surrogate pair \uD83C\uDF89. For HTML, use 🎉 or the named entity if available. For UTF-8, encode as F0 9F 8E 89. For JSON, the raw emoji is valid if the JSON is UTF-8.
Input🎉OutputJS: \uD83C\uDF89 | HTML: 🎉 | UTF-8: F0 9F 8E 89 -
3. Test round-trip fidelity
Decode the representation back to the emoji and verify it renders identically. Some systems strip variation selectors, changing the appearance. Test on multiple platforms if the emoji must render consistently.
Input\uD83C\uDF89Output🎉 ✓
Expected result
An encoded representation of the emoji that decodes to the exact original character on the target platform.
Common errors
- Emoji renders as a monochrome glyph instead of color
- Append the variation selector U+FE0F to request emoji-style (color) rendering on platforms that support it.
- Surrogate pair is split during string manipulation
- Use code-point-aware string operations. Never split a string at an arbitrary index without checking for surrogate boundaries.
Troubleshooting
- If the emoji shows as a box, the target system lacks a font with that glyph. This is a rendering issue, not an encoding error.
- Zwj sequences (zero-width joiner) create compound emoji like 👨👩👧. Handle them as a single grapheme cluster.
Security limits
- Emoji can be used in homoglyph or ZWJ-based obfuscation attacks. Normalize and inspect emoji sequences in security-sensitive contexts.
Related tools
Related glossary
Related tasks
Ready to run it?