So nutzt du: Emojis kopieren und einfügen
- Gib ein, wonach du suchst – Namen und Stichwörter funktionieren beide („lol“, „Geld“, „Daumen hoch“) – oder stöbere in einer Gruppe.
- Wähle einen Hautton aus; er wird auf jedes Emoji angewendet, das dies unterstützt.
- Klick auf ein Emoji, um es zu kopieren und zur Sammelleiste hinzuzufügen. Klick auf „Mehr“, um eine Zeichenfolge zusammenzustellen, und dann auf „Alle kopieren“.
- Nutze das Detailfenster für den Codepunkt, die HTML-Entität, CSS
content, JavaScript-Escape, Shortcode oder ein SVG-Favicon.
Emojis auf Websites verwenden
Emojis sind ganz normale Unicode-Zeichen, daher kannst du sie direkt in HTML, Webflow-Textfelder und CMS-Inhalte einfügen. Im Code ist es oft sicherer, einen Escape-Code zu verwenden, den dir dieser Picker für jedes Emoji anzeigt:
| Wo | Beispiel für 🚀 |
|---|---|
| HTML-Entität | 🚀 |
CSS content | content: "\1F680"; |
| JavaScript | "\u{1F680}" |
| Shortcode (Slack, GitHub) | :rocket: |
Emoji-Favicon in einer Zeile
Moderne Browser unterstützen ein SVG-Favicon, und ein SVG kann ein Emoji enthalten. Der Picker erstellt den Tag für dich – perfekt für Prototypen, Nebenprojekte und Staging-Seiten:
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>">Für ein Favicon in der Produktion mit PNG-Fallbacks nutze den Favicon-Generator.
Warum Emojis überall anders aussehen
Jede Plattform (Apple, Google, Microsoft, Samsung) zeichnet ihre eigenen Emojis, und ältere Systeme kennen neuere möglicherweise nicht – sie zeigen stattdessen ein Kästchen oder zwei separate Emojis an. Hautfarben und kombinierte Emojis wie 👩💻 sind Sequenzen aus mehreren Codepunkten, die durch ein Nullbreiten-Verbindungszeichen verbunden sind; wirf mit dem Unicode Character Inspector einen Blick darauf.
Emojis und Barrierefreiheit
Bildschirmleseprogramme verkünden Emojis beim Namen („Rakete“). Nutze sie, um den Text zu beleben, nicht um Wörter zu ersetzen; vermeide lange Emoji-Zeichenfolgen und setze sie lieber ans Ende eines Satzes statt in die Mitte. In sozialen Medien kombiniere sie mit formatiertem Text aus dem Bold Text Generator.
Auch gesucht als: emoji kopieren und einfügen, emoji-suche, liste aller emojis, emoji-auswahl, emoji-tastatur online, emoji-unicode, emoji-html-code, emoji-css-inhalt.
Passende Tools zu: Emojis kopieren und einfügen
- Textzeichen & Sonderzeichen — Häkchen, Pfeile, Sterne, Aufzählungszeichen, mathematische Zeichen und Währungssymbole, hochgestellte Zeichen, Rahmen, unsichtbare Leerzeichen und ¯\_(ツ)_/¯-Textzeichen – zum Kopieren einfach anklicken, jeweils mit der entsprechenden HTML-Entität, dem CSS-Code und dem Unicode.
- ASCII-Art-Generator — Gib ein Wort ein und sieh es dir gleich in 20 ASCII-Art-Schriftarten an – Standard, Slant, ANSI Shadow, Doom und mehr.
- HTML Entity Encoder — Escape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.