Emoji-Suche & Kopieren

Was ist ein Emoji-Suche-und-Kopieren-Werkzeug?#

Emojis sehen aus wie einzelne Zeichen, aber unter der Haube sind die meisten es nicht. Das grinsende Gesicht 😀 ist ein Unicode-Codepunkt; das rote Herz ❤️ sind zwei (ein Basis-Herz plus ein Variations-Selektor, der es zwingt, als farbiges Emoji statt als schlichte Text-Glyphe zu rendern); die Flagge Chinas 🇨🇳 sind zwei Regional-Indikator-Buchstaben, die zusammengeklebt sind. Wenn Sie nur das Emoji selbst brauchen, ist das egal — Sie fügen einfach die Glyphe ein. Sobald Sie aber seinen Codepunkt für die Dokumentation brauchen, seine HTML-Entity für eine Webseite, sein JavaScript-Escape für ein String-Literal oder sein CSS-Escape für eine content:-Regel, bringen die Multi-Codepunkt-Emojis naive Tools scheitern, die an UTF-16-Einheiten splitten und korrupte Surrogat-Hälften erzeugen.

Diese Seite ist ein durchsuchbarer Emoji-Katalog, der all das korrekt behandelt. Sie suchen nach Name oder Schlagwort in Ihrer Sprache, durchstöbern neun Kategorien, klicken ein Emoji an und kopieren es in einem von fünf Formaten — Glyphe, Codepunkt, HTML, JavaScript oder CSS — jedes erzeugt durch einen Codepunkt-für-Codepunkt-Durchlauf der Glyphe, sodass ❤️ und 🇨🇳 korrekt herauskommen.

Verwendung#

Das Layout ist eine Seitenleiste (Suche + Kategorien) links und ein Gitter + Detail-Panel rechts.

1. Finden Sie das Emoji. Tippen Sie entweder in das Feld Emoji nach Name oder Codepoint suchen… oder klicken Sie eine Kategorie in der Seitenleiste an (Smileys & Emotionen, Personen & Körper, Tiere & Natur, Essen & Trinken, Aktivität, Reisen & Orte, Objekte, Symbole, Flaggen). Die Suche passt auf Name und Schlagwörter in Ihrer Sprache und zusätzlich auf den englischen Namen und den Codepunkt — sodass heart oder 1F600 in jeder Locale funktioniert.
2. Klicken Sie ein Emoji im Gitter an. Das Detail-Panel unter dem Gitter füllt sich mit der Glyphe, ihrem lokalisierten Namen und ihrer Unicode-Version.
3. Kopieren Sie im Format, das Sie brauchen. Das Detail-Panel bietet fünf Kopier-Schaltflächen:
   • Emoji kopieren — die Glyphe selbst, für Chat, Dokumente oder ein Design-Tool.
   • Codepoint kopieren — die U+...-Form (mit Leerzeichen verbunden, wenn es mehrere sind), für Dokumentation oder eine Unicode-Suche.
   • HTML-Entity kopieren — eine dezimale numerische Zeichenreferenz, zum Einfügen in rohes HTML.
   • JS-Escape kopieren — ein ES2015-Brace-Escape, für ein JavaScript- oder TypeScript-String-Literal.
   • CSS-Escape kopieren — ein CSS-Escape, zur Verwendung innerhalb content: oder einer ::after-Regel.

Hauptfunktionen#

• Fünf Kopierformate, je ein Klick. Keine manuelle Umrechnung zwischen Glyphe, Codepunkt und den HTML-/JS-/CSS-Escape-Formen — jedes Emoji ist in allen fünf verfügbar.
• Korrekt bei Multi-Codepunkt-Emojis. Die Escapes werden erzeugt, indem die Glyphe nach Unicode-Codepunkt durchlaufen wird, nicht nach UTF-16-Einheit. Ein rotes Herz ❤️ erzeugt ein sauberes \u{2764}\u{FE0F}, kein verstümmeltes Surrogat-Paar.
• Locale-bewusste Suche, die trotzdem sprachübergreifend funktioniert. Namen und Schlagwörter sind lokalisiert, aber Englisch ist immer mit indiziert, plus der rohe Codepunkt — sodass smile, das lokalisierte Wort oder 1F600 alle dasselbe Emoji erreichen.
• Neun Kategorien. Die Standard-Unicode-Emoji-Kategorien, jede mit einer repräsentativen Glyphe in der Seitenleiste, sodass Sie stöbern können, wenn Sie keinen Suchbegriff haben.
• Tastatur- und Screenreader-freundlich. Das Gitter ist eine Listbox mit Pfeiltasten-Navigation, und das Detail-Panel ist eine aria-live-Region, die Name und Codepunkt beim Bewegen ansagt.

Ausführliches Beispiel#

Kopieren Sie das rote Herz ❤️ in allen fünf Formaten. Klicken Sie es in der Kategorie Symbole an (oder suchen Sie heart), und das Detail-Panel zeigt:

• Emoji: ❤️
• Codepoint: U+2764 U+FE0F
• HTML: ❤️
• JS: \u{2764}\u{FE0F}
• CSS: \2764 \FE0F

Beachten Sie, dass es zwei Codepunkte sind, nicht einer. U+2764 ist das Basis-Herz (ein schlichtes Textzeichen, das schon vor Emojis existierte); U+FE0F ist der Variations-Selektor-16, ein Codepunkt der Breite null, dessen einzige Aufgabe es ist, dem Renderer zu sagen: „Zeige das vorhergehende Zeichen in seiner farbigen Emoji-Form, nicht als schwarze Text-Glyphe.“ Lassen Sie den Selektor weg und einige Plattformen zeigen ein Text-Herz; behalten Sie ihn und Sie bekommen das rote Emoji. Jedes Format hier bewahrt beide Codepunkte, weshalb das Einfügen der HTML-Entity in eine Seite immer noch das farbige Herz rendert.

Vergleichen Sie das mit dem grinsenden Gesicht 😀, das ein einzelner Codepunkt ist (U+1F600). Seine Formen kollabieren zu 😀, \u{1F600} und \1F600 — je ein Escape, weil es nur einen Codepunkt zu kodieren gibt. Der Unterschied zwischen den beiden ist genau der Grund, warum ein Tool, das Codepunkte durchläuft (statt anzunehmen, eine Glyphe entspreche einem Codepunkt), wichtig ist.

FAQ#

Welches Format soll ich wofür kopieren?#

Für eine Chat-Nachricht, ein Dokument oder einen Design-Mockup kopieren Sie Emoji — die Glyphe ist universell. Für ein technisches Dokument oder einen Bug-Report, der auf ein spezifisches Zeichen verweist, kopieren Sie Codepoint (U+1F600). Für rohen HTML-Quellcode ist HTML (😀) am sichersten, weil es nicht durch Encoding-Probleme verstümmelt werden kann. Für einen JavaScript- oder TypeScript-String JS (\u{1F600}). Für einen CSS-content:-Wert CSS (\1F600).

Warum zeigt das rote Herz zwei Codepunkte?#

Weil ❤️ eine Sequenz ist, kein einzelnes Zeichen. Der Basis-Codepunkt U+2764 ist das Text-Herz; U+FE0F ist ein Variations-Selektor, der die Emoji-Präsentationsform anfordert. Manche Emojis gehen weiter und verwenden einen Zero-Width-Joiner, um mehrere Glyphen zu einem zu kombinieren (ein Familien-Emoji ist so gebaut), und Flaggen sind immer ein Paar Regional-Indikator-Buchstaben. Dieses Werkzeug durchläuft die Glyphe nach Codepunkt, bevor es Escapes erzeugt, sodass jeder Codepunkt in der Sequenz erhalten bleibt.

Warum \u{1F600} und nicht 😀?#

Beides sind gültige JavaScript-Repräsentationen desselben Emojis, aber sie funktionieren unterschiedlich. 😀 ist ein Surrogat-Paar — zwei UTF-16-Code-Einheiten, die nur zusammen Sinn ergeben, die ältere Art, Zeichen oberhalb U+FFFF zu kodieren. \u{1F600} ist das ES2015-Codepunkt-Escape, das den tatsächlichen Codepunkt direkt schreibt und viel leichter zu lesen ist. Dieses Werkzeug gibt die Codepunkt-Form aus, weil sie eindeutig und modern ist; wenn Sie die Surrogat-Form brauchen, sagt Ihnen der Codepunkt-Wert exakt, was Sie konvertieren müssen.

Das Emoji sieht auf meinem Handy anders aus als auf meinem Rechner — warum?#

Unicode definiert, was jedes Emoji bedeutet, aber jede Plattform (Apple, Google, Microsoft, Samsung) zeichnet ihre eigene Kunst dafür, sodass derselbe Codepunkt auf jeder Plattform mit einem anderen Bild rendert. Der Codepunkt, die HTML-Entity und jedes Escape sind plattformübergreifend identisch — nur die Pixel unterscheiden sich. Wenn exakte visuelle Konsistenz wichtig ist (eine Marken-Kampagne etwa), würden Sie einen eigenen Emoji-Bildsatz ausliefern statt sich auf die Plattform-Schrift zu verlassen; für die meisten Anwendungsfälle ist das native Rendering der Plattform das, was Sie wollen.