Searchable Unicode emoji directory with category filtering, shortcodes, and one-click copy to clipboard.
Loading tool
About Emoji Picker
Browse and search about 450 common emoji by name, keyword or :shortcode:, filtered by category. Clicking an emoji copies it and shows its details: GitHub/Slack-style shortcode, Unicode codepoints, HTML entity, CSS content value, JavaScript escape, UTF-8 bytes and UTF-16 length.
Common uses
- Copy an emoji into a commit message, README or chat
- Find the :shortcode: for GitHub or Slack
- Get the HTML entity or CSS escape for an emoji in a web page
- Check how many bytes or UTF-16 code units an emoji uses when validating string length
FAQ
- How do I write an emoji in HTML?
- Paste the character directly in a UTF-8 page, or use a numeric entity built from its codepoint, e.g. 😀 for the grinning face.
- Why does an emoji count as 2 or more characters in JavaScript?
- JavaScript string length counts UTF-16 code units. Emoji outside the Basic Multilingual Plane take two code units, and emoji built from sequences (skin tones, ZWJ combinations, flags) take more.
- How do I use emoji in CSS content?
- Use the codepoint as a CSS escape, e.g. content: "\1F600";, or put the emoji character directly in the string.