Tools
Emoji-Picker
Der Emoji-Picker ermöglicht es, Emojis schnell zu finden, zu kopieren und deren technische Darstellungen nachzuschlagen. Neben dem einfachen Kopieren des Emoji-Zeichens selbst zeigt das Tool für jedes Emoji den Unicode-Codepunkt, die HTML-Entity-Darstellung, den CSS-Code und die JavaScript-Escape-Sequenz an. Das ist besonders nützlich für Entwickler und Webdesigner, die Emojis in Quellcode, Stylesheets oder Datenbanken einbetten möchten.
Was ist der Emoji-Picker?
Der Emoji-Picker ist eine durchsuchbare Referenz für alle standardisierten Emojis des Unicode-Konsortiums. Er deckt alle Emoji-Kategorien ab, darunter Smileys, Personen, Tiere, Essen, Reisen, Symbole und Flags. Neben der Suchfunktion nach Name oder Kategorie liefert das Tool zu jedem Emoji alle technisch relevanten Kodierungen. Das macht es zur idealen Anlaufstelle sowohl für schnelles Kopieren im Alltag als auch für Entwickler, die die korrekte Unicode-Darstellung für ihren Code benötigen.
Wie funktioniert das Tool?
Die Emoji-Datenbank ist vollständig clientseitig verfügbar und wird nach Eingabe im Suchfeld in Echtzeit gefiltert. Ein Klick auf ein Emoji kopiert es direkt in die Zwischenablage. Gleichzeitig werden im Detailbereich alle relevanten Darstellungsformen angezeigt: der Unicode-Codepunkt (z. B. U+1F600), die HTML-Entity als dezimale und hexadezimale Variante (😀 / 😀), der CSS-Escape-Code (\1F600) sowie die JavaScript-Escape-Sequenz ('\uD83D\uDE00'). Jede dieser Darstellungen kann separat kopiert werden.
Typische Anwendungsfälle
- Einfügen von Emojis in E-Mails, Chats oder Dokumente per Klick ohne eigene Emoji-Tastatur
- Nachschlagen des korrekten HTML-Entity-Codes für ein Emoji zur Verwendung in Webseiten
- Ermitteln des Unicode-Codepunkts für die Datenbankablage oder Zeichenkodierungsanalyse
- Kopieren der JavaScript-Escape-Sequenz für die sichere Verwendung von Emojis in JS-Strings
Schritt-für-Schritt-Anleitung
- Schritt 1: Gib den Namen oder eine Beschreibung des gesuchten Emojis in das Suchfeld ein (z. B. 'Herz' oder 'Feuer').
- Schritt 2: Klicke auf das gewünschte Emoji in der Ergebnisliste, um es in die Zwischenablage zu kopieren.
- Schritt 3: Schaue im Detailbereich nach dem benötigten Kodierungsformat (Unicode, HTML, CSS, JavaScript).
- Schritt 4: Kopiere die gewünschte Darstellung per Klick auf das Kopier-Symbol neben dem jeweiligen Wert.
Tipps & Hinweise
- Suche auf Englisch, da Emoji-Namen im Unicode-Standard auf Englisch definiert sind – 'fire' findet das Feuer-Emoji zuverlässiger als 'Feuer'.
- Für die Verwendung in HTML-Dokumenten ist die direkte Einbettung des Emoji-Zeichens (UTF-8) meist die beste Wahl – HTML-Entities sind nur bei ASCII-only-Dateien nötig.
- Manche Emojis bestehen aus mehreren Unicode-Codepunkten (sogenannte Sequences), z. B. Flaggen oder Hautton-Varianten – das Tool zeigt alle beteiligten Codepunkte an.
Häufige Fragen
Warum sieht das Emoji auf verschiedenen Geräten unterschiedlich aus?
Emojis sind Unicode-Zeichen, aber ihre visuelle Darstellung ist nicht standardisiert. Jedes Betriebssystem und jede App (Apple, Google, Microsoft, Twitter) verwendet eigene Emoji-Designs. Der Codepunkt und die Bedeutung bleiben jedoch gleich.
Was ist der Unterschied zwischen U+1F600 und dem surrogate pair \uD83D\uDE00?
U+1F600 ist der offizielle Unicode-Codepunkt. Da JavaScript intern UTF-16 verwendet, werden Codepunkte über U+FFFF als surrogate pair mit zwei 16-Bit-Einheiten dargestellt. In modernem JavaScript kann man stattdessen auch '\u{1F600}' schreiben.
Wie verwende ich ein Emoji in CSS?
Mit dem CSS-Escape-Code im content-Property: content: '\1F600'. Für eine breitere Browser-Unterstützung empfiehlt sich die direkte Einbettung des Emoji-Zeichens als UTF-8 im CSS-String.
Emoji-Picker
Durchsuche und kopiere Emojis einfach per Klick – mit Unicode-Codepunkt, HTML-Entity, CSS- und JavaScript-Darstellung für jedes Emoji.
Tool öffnen