Tools
Emoji Picker
The emoji picker provides a searchable catalog of Unicode emojis along with their codepoints, HTML entities, and shortcodes. You can search by keyword or browse by category and copy any emoji to your clipboard in the format you need. This is useful for developers embedding emojis in code, documentation, or user interfaces.
What is the Emoji Picker?
The emoji picker is a browser-based tool for browsing the full Unicode emoji set and retrieving technical details about each character. For each emoji it shows the Unicode codepoint (e.g., U+1F600), the HTML entity (e.g., 😀), the UTF-8 byte sequence, and common shortcode names. This makes it easy to use emojis correctly across different environments — HTML, JavaScript strings, JSON payloads, or terminal output. The tool covers all official Unicode emoji versions.
How does it work?
Type a keyword into the search bar to filter emojis by name or category. Click any emoji to see its full technical details panel. From there you can copy the emoji character itself, its Unicode escape, its HTML entity, or its shortcode with a single click. Emojis are grouped by category (smileys, people, animals, food, travel, objects, symbols, flags) so you can also browse visually if you do not know the name.
Typical Use Cases
- Finding the Unicode codepoint for an emoji to use in a JavaScript string literal
- Copying an HTML entity for an emoji to embed in HTML without encoding issues
- Looking up shortcodes to use in Markdown documentation or Slack messages
- Browsing emojis for UI labels, button icons, or status indicators
Step-by-step Guide
- Step 1: Type a keyword (e.g., 'fire', 'check', 'arrow') into the search field.
- Step 2: Click the emoji you want from the results.
- Step 3: Choose whether to copy the emoji, Unicode escape, HTML entity, or shortcode.
- Step 4: Paste the copied value into your code, document, or message.
Example
Input
Search: checkmark
Output
✅ U+2705 — HTML: ✅ — Shortcode: :white_check_mark:
Tips & Notes
- Use Unicode escapes (\u{1F600}) in JavaScript source code instead of raw emoji characters for better editor compatibility.
- HTML entities are the safest option for embedding emojis in HTML when character encoding is uncertain.
- Some emojis are composed of multiple codepoints joined by a Zero Width Joiner (U+200D) — check the detail panel to see the full sequence.
Frequently Asked Questions
Why does an emoji look different on different platforms?
Emoji rendering is controlled by the operating system or font. The same Unicode codepoint may display with different artwork on Android, iOS, Windows, and macOS. The Unicode standard defines the character, not its visual appearance.
Can I use emojis in JSON or API payloads?
Yes. JSON is UTF-8 encoded and supports any Unicode character. You can include the emoji directly or use the \uXXXX escape sequence. Ensure your API consumer also handles UTF-8 correctly.
Emoji Picker
Browse and copy emojis with a single click — including Unicode code point, HTML entity, CSS, and JavaScript representation for every emoji.
Open Tool