Emoji picker
What is an Emoji Picker?
Emojis are Unicode characters, so they can be used anywhere text works: commit messages, chat, documentation, UI labels and social media posts. Finding the right one by browsing is slow, and developers often need the code point to use it in code. This picker lets you search by name or category, copy the emoji and see its technical details.
How to use it
- Search by keyword, for example rocket or check, or browse by category.
- Click an emoji to copy it.
- View its code points and escape sequences if you need to use it in code.
Emojis in code
The rocket emoji 🚀 is code point U+1F680:
- HTML:
🚀 - JavaScript:
'\u{1F680}' - Python:
'\U0001F680' - CSS content:
'\1F680' - UTF-8 bytes:
F0 9F 9A 80
Why some emojis are several code points
Many emojis are sequences. Skin tones add a modifier, as in 👍🏽 = U+1F44D + U+1F3FD. Families and professions combine characters with a zero-width joiner (U+200D). Flags are two regional indicator letters. That is why '👍🏽'.length is 4 in JavaScript, and why string truncation can split an emoji in half. Use Intl.Segmenter to count visible characters correctly.
Practical notes
- Emojis look different on Apple, Google, Microsoft and Samsung devices.
- New emojis may show as boxes on older systems.
- Screen readers announce emoji names, so avoid long rows of decorative emojis.
- MySQL needs the
utf8mb4charset to store emojis.
Frequently Asked Questions
How do I find an emoji's Unicode code point?
Select the emoji in the picker to see its code point, such as U+1F680 for the rocket.
Why does one emoji have a length of 2 or more in JavaScript?
JavaScript counts UTF-16 code units. Emojis outside the basic plane use two units, and sequences such as skin tones use more.
Why do emojis look different on my phone?
Each platform, such as Apple, Google and Microsoft, draws its own emoji artwork.
How do I use an emoji in HTML?
Paste it directly into a UTF-8 page, or write a numeric character reference using its hex code point, such as x1F680 for the rocket.