Search code examples
unicodeemojiemoticons

twemoji combines 2 emoticons into one


The Unicode Emoticon for D = 🇩 and E = 🇪

The Unicode Emoticon for the German (DE) Flag is 🇩🇪

If I have a D and E Emoticon without anything between them then twemoji will combine them into the German flag image. Any idea how to prevent this?

https://fiddle.jshell.net/bb4LLLoy/

<p>🇦🇧🇨🇩🇪🇫</p>
<span>🇦🇧🇨🇩🇪🇫</span>
twemoji.parse($('p')[0]);

Solution

  • Insert U+200C (ZERO WIDTH NON-JOINER) between the characters to prevent them from joining together to form a single grapheme/glyph. In HTML, you can use the entities &#8204; or &zwnj;.