Emojis

Emojis sind längst ein integraler Bestandteil der digitalen Kommunikation – doch für Webentwickler stellen sie eine komplexe technische Herausforderung dar. Die korrekte Implementierung von Emojis in HTML erfordert fundiertes Wissen über Unicode, Character Encoding, Browser-Kompatibilität und Barrierefreiheit. Während über 10 Milliarden Emojis täglich verschickt werden, kämpfen viele Entwickler mit Problemen wie inkonsistenter Darstellung, fehlenden Fallbacks und Performance-Einbußen. Dieser umfassende technische Guide erklärt, wie Sie Emojis professionell in Ihre Webprojekte integrieren: von den Unicode-Grundlagen über praktische HTML-Implementierungen bis hin zu fortgeschrittenen JavaScript-Techniken und Performance-Optimierungen.

Mit über 3.600 offiziellen Unicode-Emojis und ständig neuen Ergänzungen ist ein strukturierter Ansatz unverzichtbar für moderne Webentwicklung. Weitere Informationen zu Emojis auch auf unserer Handy-Seite. Ihr könnt die Emojis natürlich einfach kopieren und einfügen, z. B. auf dem Smartphone oder bei WhatsApp.

Emojis
Emojis

Vollständige Unicode-Emoji-Kategorisierung: Alle 3.664 Emojis im Überblick

Inhaltsverzeichnis

Mit über 3.600 offiziellen Emojis im Unicode-Standard (Stand Unicode 15.1, September 2023) ist eine strukturierte Kategorisierung für Entwickler unerlässlich. Das Unicode Consortium organisiert alle Emojis in 10 Hauptkategorien, jede mit spezifischen technischen Eigenschaften, Code Point-Bereichen und Implementierungs-Besonderheiten. Dieser Abschnitt bietet eine vollständige technische Übersicht aller Kategorien mit praktischen Code-Beispielen und Entwickler-Hinweisen.

3.664
Gesamt-Emojis in Unicode 15.1 (inkl. Varianten)
10
Offizielle Haupt-Kategorien
1.851
Basis-Emojis ohne Skin-Tone-Varianten
5
Fitzpatrick Skin-Tone Modifiers

Kategorie 1: Smileys & Emotion (Gesichter & Emotionen)

Die größte und wichtigste Kategorie umfasst 168 Basis-Emojis. Diese Kategorie bildet das Herzstück der digitalen Kommunikation und reicht von klassischen Gesichtsausdrücken bis zu abstrakten emotionalen Symbolen.

Technische Details: Smileys & Emotion

📊 Kategorie-Spezifikationen

  • Unicode-Bereich primär: U+1F600 bis U+1F64F
  • Anzahl Basis-Emojis: 168
  • Erste Einführung: Unicode 6.0 (2010)
  • Letzte Erweiterung: Unicode 15.1 (2023)
  • Byte-Größe (UTF-8): 4 Bytes pro Emoji
  • Skin-Tone-Support: Nein (mit Ausnahme von Händen/Gesten)

Unter-Kategorien: Smileys & Emotion

Face-Smiling (Lächelnde Gesichter) – 19 Emojis

😀
U+1F600
GRINNING FACE
HTML: 😀
Nutzung: Freude, Begeisterung
Einführung: Unicode 6.1 (2012)
😃
U+1F603
GRINNING FACE WITH BIG EYES
HTML: 😃
JavaScript: "\u{1F603}"
😄
U+1F604
GRINNING FACE WITH SMILING EYES
HTML: 😄
Popularität: Top 10 weltweit
😁
U+1F601
BEAMING FACE WITH SMILING EYES
😆
U+1F606
GRINNING SQUINTING FACE
😅
U+1F605
GRINNING FACE WITH SWEAT
Bedeutung: Erleichterung, nervöses Lachen
🤣
U+1F923
ROLLING ON FLOOR LAUGHING
Einführung: Unicode 9.0 (2016)
Popularität: #1 weltweit 2018-2021
😂
U+1F602
FACE WITH TEARS OF JOY
Status: „Word of the Year“ 2015 Oxford
Meistgenutzt: Über 5 Milliarden/Tag
🙂
U+1F642
SLIGHTLY SMILING FACE
🙃
U+1F643
UPSIDE-DOWN FACE
Bedeutung: Sarkasmus, Ironie
🫠
U+1FAE0
MELTING FACE
Einführung: Unicode 14.0 (2021)
Trend: Gen Z Favorit
😉
U+1F609
WINKING FACE
😊
U+1F60A
SMILING FACE WITH SMILING EYES
😇
U+1F607
SMILING FACE WITH HALO
// Beispiel: Smileys dynamisch nach Stimmung filtern const smileyCategories = { happy: [‚\u{1F600}‘, ‚\u{1F603}‘, ‚\u{1F604}‘, ‚\u{1F601}‘, ‚\u{1F606}‘], love: [‚\u{1F60D}‘, ‚\u{1F970}‘, ‚\u{1F618}‘, ‚\u{1F617}‘], laughing: [‚\u{1F923}‘, ‚\u{1F602}‘, ‚\u{1F605}‘], calm: [‚\u{1F60A}‘, ‚\u{1F642}‘, ‚\u{263A}‘] }; function getRandomEmoji(mood) { const emojis = smileyCategories[mood] || smileyCategories.happy; return emojis[Math.floor(Math.random() * emojis.length)]; } console.log(getRandomEmoji(‚happy‘)); // 😄

Face-Affection (Liebevolle Gesichter) – 10 Emojis

🥰
U+1F970
SMILING FACE WITH HEARTS
Einführung: Unicode 11.0 (2018)
Beliebtheit: Top 5 Liebes-Emojis
😍
U+1F60D
SMILING FACE WITH HEART-EYES
🤩
U+1F929
STAR-STRUCK
😘
U+1F618
FACE BLOWING A KISS
😗
U+1F617
KISSING FACE
☺️
U+263A U+FE0F
SMILING FACE
Variation Selector: FE0F für Emoji-Stil
Legacy: Existiert seit Unicode 1.1
😚
U+1F61A
KISSING FACE WITH CLOSED EYES
😙
U+1F619
KISSING FACE WITH SMILING EYES
🥲
U+1F972
SMILING FACE WITH TEAR
Einführung: Unicode 13.0 (2020)
Bedeutung: Gerührt, bittersüß

Face-Tongue (Gesichter mit Zunge) – 7 Emojis

😋
U+1F60B
FACE SAVORING FOOD
😛
U+1F61B
FACE WITH TONGUE
😜
U+1F61C
WINKING FACE WITH TONGUE
🤪
U+1F92A
ZANY FACE
Einführung: Unicode 10.0 (2017)
😝
U+1F61D
SQUINTING FACE WITH TONGUE
🤑
U+1F911
MONEY-MOUTH FACE

Face-Hand (Gesichter mit Hand) – 10 Emojis

🤗
U+1F917
SMILING FACE WITH OPEN HANDS
Bedeutung: Umarmung, Willkommen
🫣
U+1FAE3
FACE WITH PEEKING EYE
Einführung: Unicode 14.0 (2021)
🤭
U+1F92D
FACE WITH HAND OVER MOUTH
🫢
U+1FAE2
FACE WITH OPEN EYES AND HAND OVER MOUTH
🫡
U+1FAE1
SALUTING FACE
Einführung: Unicode 14.0 (2021)
🤫
U+1F92B
SHUSHING FACE
🫥
U+1FAE5
DOTTED LINE FACE
Einführung: Unicode 14.0 (2021)
Bedeutung: Unsichtbar, Depression
🤔
U+1F914
THINKING FACE
Popularität: Top 20 weltweit

Face-Neutral-Skeptical (Neutrale/Skeptische Gesichter) – 14 Emojis

🫤
U+1FAE4
FACE WITH DIAGONAL MOUTH
🤐
U+1F910
ZIPPER-MOUTH FACE
🤨
U+1F928
FACE WITH RAISED EYEBROW
😐
U+1F610
NEUTRAL FACE
😑
U+1F611
EXPRESSIONLESS FACE
😶
U+1F636
FACE WITHOUT MOUTH
🫥
U+1FAE5
DOTTED LINE FACE
😶‍🌫️
U+1F636 U+200D U+1F32B U+FE0F
FACE IN CLOUDS
ZWJ-Sequence: 4 Code Points
Einführung: Unicode 13.1 (2020)
😏
U+1F60F
SMIRKING FACE
😒
U+1F612
UNAMUSED FACE
🙄
U+1F644
FACE WITH ROLLING EYES
😬
U+1F62C
GRIMACING FACE
😮‍💨
U+1F62E U+200D U+1F4A8
FACE EXHALING
Einführung: Unicode 13.1 (2020)
🤥
U+1F925
LYING FACE

Face-Sleepy (Müde Gesichter) – 6 Emojis

😌
U+1F60C
RELIEVED FACE
😔
U+1F614
PENSIVE FACE
😪
U+1F62A
SLEEPY FACE
🤤
U+1F924
DROOLING FACE
😴
U+1F634
SLEEPING FACE

Face-Unwell (Unwohl/Krank) – 16 Emojis

😷
U+1F637
FACE WITH MEDICAL MASK
COVID-19: +3500% Nutzung 2020
🤒
U+1F912
FACE WITH THERMOMETER
🤕
U+1F915
FACE WITH HEAD-BANDAGE
🤢
U+1F922
NAUSEATED FACE
🤮
U+1F92E
FACE VOMITING
🤧
U+1F927
SNEEZING FACE
🥵
U+1F975
HOT FACE
🥶
U+1F976
COLD FACE
🥴
U+1F974
WOOZY FACE
😵
U+1F635
FACE WITH CROSSED-OUT EYES
😵‍💫
U+1F635 U+200D U+1F4AB
FACE WITH SPIRAL EYES
🤯
U+1F92F
EXPLODING HEAD
Bedeutung: Mind blown, Schock

Face-Hat (Gesichter mit Kopfbedeckung) – 6 Emojis

🤠
U+1F920
COWBOY HAT FACE
🥳
U+1F973
PARTYING FACE
🥸
U+1F978
DISGUISED FACE

Face-Glasses (Gesichter mit Brille) – 4 Emojis

😎
U+1F60E
SMILING FACE WITH SUNGLASSES
🤓
U+1F913
NERD FACE
🧐
U+1F9D0
FACE WITH MONOCLE

Face-Concerned (Besorgte Gesichter) – 20 Emojis

😕
U+1F615
CONFUSED FACE
🫤
U+1FAE4
FACE WITH DIAGONAL MOUTH
😟
U+1F61F
WORRIED FACE
🙁
U+1F641
SLIGHTLY FROWNING FACE
☹️
U+2639 U+FE0F
FROWNING FACE
😮
U+1F62E
FACE WITH OPEN MOUTH
😯
U+1F62F
HUSHED FACE
😲
U+1F632
ASTONISHED FACE
😳
U+1F633
FLUSHED FACE
🥺
U+1F97A
PLEADING FACE
Popularität: Gen Z Top 5
🥹
U+1F979
FACE HOLDING BACK TEARS
Einführung: Unicode 14.0 (2021)
😦
U+1F626
FROWNING FACE WITH OPEN MOUTH
😧
U+1F627
ANGUISHED FACE
😨
U+1F628
FEARFUL FACE
😰
U+1F630
ANXIOUS FACE WITH SWEAT
😥
U+1F625
SAD BUT RELIEVED FACE
😢
U+1F622
CRYING FACE
😭
U+1F62D
LOUDLY CRYING FACE
Popularität: Top 10 weltweit
😱
U+1F631
FACE SCREAMING IN FEAR
😖
U+1F616
CONFOUNDED FACE
😣
U+1F623
PERSEVERING FACE
😞
U+1F61E
DISAPPOINTED FACE
😓
U+1F613
DOWNCAST FACE WITH SWEAT
😩
U+1F629
WEARY FACE
😫
U+1F62B
TIRED FACE
🥱
U+1F971
YAWNING FACE

Face-Negative (Negative Gesichter) – 12 Emojis

😤
U+1F624
FACE WITH STEAM FROM NOSE
😡
U+1F621
ENRAGED FACE
😠
U+1F620
ANGRY FACE
🤬
U+1F92C
FACE WITH SYMBOLS ON MOUTH
Bedeutung: Fluchen, Schimpfen
😈
U+1F608
SMILING FACE WITH HORNS
👿
U+1F47F
ANGRY FACE WITH HORNS
💀
U+1F480
SKULL
Gen Z: „Gestorben vor Lachen“
Popularität: Top 15 weltweit
☠️
U+2620 U+FE0F
SKULL AND CROSSBONES

Face-Costume (Kostüm-Gesichter) – 12 Emojis

💩
U+1F4A9
PILE OF POO
Kult-Status: Merchandising-Hit
Japan-Origin: „Unko“
🤡
U+1F921
CLOWN FACE
👹
U+1F479
OGRE
👺
U+1F47A
GOBLIN
👻
U+1F47B
GHOST
👽
U+1F47D
ALIEN
👾
U+1F47E
ALIEN MONSTER
🤖
U+1F916
ROBOT

Cat-Face & Monkey-Face – 12 Emojis

😺
U+1F63A
GRINNING CAT
😸
U+1F638
GRINNING CAT WITH SMILING EYES
😹
U+1F639
CAT WITH TEARS OF JOY
😻
U+1F63B
SMILING CAT WITH HEART-EYES
😼
U+1F63C
CAT WITH WRY SMILE
😽
U+1F63D
KISSING CAT
🙀
U+1F640
WEARY CAT
😿
U+1F63F
CRYING CAT
😾
U+1F63E
POUTING CAT
🙈
U+1F648
SEE-NO-EVIL MONKEY
Drei Affen: Mizaru (Nicht sehen)
🙉
U+1F649
HEAR-NO-EVIL MONKEY
Drei Affen: Kikazaru (Nicht hören)
🙊
U+1F64A
SPEAK-NO-EVIL MONKEY
Drei Affen: Iwazaru (Nicht sprechen)

Emotion (Herzen & Emotionen) – 30+ Emojis

💋
U+1F48B
KISS MARK
💌
U+1F48C
LOVE LETTER
💘
U+1F498
HEART WITH ARROW
💝
U+1F49D
HEART WITH RIBBON
💖
U+1F496
SPARKLING HEART
💗
U+1F497
GROWING HEART
💓
U+1F493
BEATING HEART
💞
U+1F49E
REVOLVING HEARTS
💕
U+1F495
TWO HEARTS
💟
U+1F49F
HEART DECORATION
❣️
U+2763 U+FE0F
HEART EXCLAMATION
💔
U+1F494
BROKEN HEART
❤️‍🔥
U+2764 U+FE0F U+200D U+1F525
HEART ON FIRE
Einführung: Unicode 13.1 (2020)
❤️‍🩹
U+2764 U+FE0F U+200D U+1FA79
MENDING HEART
Einführung: Unicode 13.1 (2020)
❤️
U+2764 U+FE0F
RED HEART
Popularität: #1 Herz-Emoji weltweit
🩷
U+1FA77
PINK HEART
Einführung: Unicode 15.0 (2022)
🧡
U+1F9E1
ORANGE HEART
💛
U+1F49B
YELLOW HEART
💚
U+1F49A
GREEN HEART
💙
U+1F499
BLUE HEART
🩵
U+1FA75
LIGHT BLUE HEART
Einführung: Unicode 15.0 (2022)
💜
U+1F49C
PURPLE HEART
🤎
U+1F90E
BROWN HEART
🖤
U+1F5A4
BLACK HEART
🩶
U+1FA76
GREY HEART
Einführung: Unicode 15.0 (2022)
🤍
U+1F90D
WHITE HEART
💯
U+1F4AF
HUNDRED POINTS
Bedeutung: 100% übereinstimmung, perfekt
💢
U+1F4A2
ANGER SYMBOL
💥
U+1F4A5
COLLISION
💫
U+1F4AB
DIZZY
💦
U+1F4A6
SWEAT DROPLETS
💨
U+1F4A8
DASHING AWAY
🕳️
U+1F573 U+FE0F
HOLE
💬
U+1F4AC
SPEECH BALLOON
👁️‍🗨️
U+1F441 U+FE0F U+200D U+1F5E8 U+FE0F
EYE IN SPEECH BUBBLE
Komplexität: 5 Code Points (ZWJ)
🗨️
U+1F5E8 U+FE0F
LEFT SPEECH BUBBLE
🗯️
U+1F5EF U+FE0F
RIGHT ANGER BUBBLE
💭
U+1F4AD
THOUGHT BALLOON
💤
U+1F4A4
ZZZ
// Praktisches Beispiel: Herz-Emoji nach Kontext wählen const heartEmojis = { romantic: ‚\u2764\uFE0F‘, // ❤️ Rotes Herz friendship: ‚\u{1F49B}‘, // 💛 Gelbes Herz family: ‚\u{1F9E1}‘, // 🧡 Oranges Herz support: ‚\u{1F49A}‘, // 💚 Grünes Herz sadness: ‚\u{1F494}‘, // 💔 Gebrochenes Herz healing: ‚\u2764\uFE0F\u200D\u{1FA79}‘, // ❤️‍🩹 Heilendes Herz passion: ‚\u2764\uFE0F\u200D\u{1F525}‘ // ❤️‍🔥 Brennendes Herz }; function getHeartForContext(context) { return heartEmojis[context] || heartEmojis.romantic; } console.log(getHeartForContext(‚friendship‘)); // 💛

Kategorie 2: People & Body (Menschen & Körperteile)

Mit 2.890 Emojis (inkl. aller Skin-Tone-Varianten und Gender-Kombinationen) ist dies die umfangreichste Kategorie. Sie umfasst Menschen, Berufe, Aktivitäten, Gesten und Körperteile – alle mit umfangreicher Diversitäts-Unterstützung.

Technische Besonderheiten: People & Body

🧬 Komplexitäts-Faktoren

  • Skin-Tone-Modifiers: 5 Fitzpatrick-Typen (🏻🏼🏽🏾🏿) U+1F3FB bis U+1F3FF
  • Gender-Varianten: Neutral, männlich (♂️), weiblich (♀️)
  • ZWJ-Sequences: Kombination von Basis + Modifier + Gender
  • Berufe mit Diversität: Jeder Beruf × 6 Skin-Tones × 3 Gender = 18 Varianten
  • Familien-Kombinationen: Über 100 verschiedene Familien-Konstellationen
  • Byte-Größe: 4-16 Bytes je nach Komplexität

Hand-Fingers-Open (Offene Hände) – 6 Basis-Emojis × 6 Varianten = 36 Total

👋
U+1F44B
WAVING HAND
Varianten: 👋🏻 👋🏼 👋🏽 👋🏾 👋🏿
Nutzung: Hallo, Tschüss
🤚
U+1F91A
RAISED BACK OF HAND
Skin-Tones: 6 Varianten total
🖐️
U+1F590 U+FE0F
HAND WITH FINGERS SPLAYED
U+270B
RAISED HAND
🖖
U+1F596
VULCAN SALUTE
Star Trek: „Live long and prosper“
🫱
U+1FAF1
RIGHTWARDS HAND
Einführung: Unicode 14.0 (2021)
🫲
U+1FAF2
LEFTWARDS HAND
// Skin-Tone-Modifiers programmatisch anwenden const skinTones = { light: ‚\u{1F3FB}‘, // 🏻 Type-1-2 mediumLight: ‚\u{1F3FC}‘, // 🏼 Type-3 medium: ‚\u{1F3FD}‘, // 🏽 Type-4 mediumDark: ‚\u{1F3FE}‘, // 🏾 Type-5 dark: ‚\u{1F3FF}‘ // 🏿 Type-6 }; const baseEmoji = ‚\u{1F44B}‘; // 👋 Winkende Hand function applySkinTone(emoji, tone) { return emoji + (skinTones[tone] || ); } console.log(applySkinTone(baseEmoji, ‚medium‘)); // 👋🏽 console.log(applySkinTone(baseEmoji, ‚dark‘)); // 👋🏿 // Alle Varianten generieren function getAllSkinToneVariants(emoji) { return [ emoji, // Standard (gelb) …Object.values(skinTones).map(tone => emoji + tone) ]; } console.log(getAllSkinToneVariants(baseEmoji)); // [‚👋‘, ‚👋🏻‘, ‚👋🏼‘, ‚👋🏽‘, ‚👋🏾‘, ‚👋🏿‘]

🎨 Fitzpatrick Skin-Tone Scale

Die Fitzpatrick-Skala ist ein dermatologisches Klassifizierungssystem für Hauttypen, basierend auf der Reaktion auf UV-Strahlung. Unicode verwendet eine vereinfachte 5-Stufen-Version:

Type 1-2 (🏻): Sehr helle bis helle Haut – Code U+1F3FB

Type 3 (🏼): Mittelhelle Haut – Code U+1F3FC

Type 4 (🏽): Mittlere Haut – Code U+1F3FD

Type 5 (🏾): Mitteldunkle Haut – Code U+1F3FE

Type 6 (🏿): Dunkle Haut – Code U+1F3FF

Technisch: Skin-Tone-Modifiers werden als separate Code Points NACH dem Basis-Emoji eingefügt. Sie sind nicht eigenständige Emojis!

Hand-Fingers-Partial (Teilweise geschlossene Hände)

👌
U+1F44C
OK HAND
Warnung: Kontroverse Bedeutungen in manchen Kontexten
🤌
U+1F90C
PINCHED FINGERS
Italien: „Ma che vuoi?“ Geste
Einführung: Unicode 13.0 (2020)
🤏
U+1F90F
PINCHING HAND
✌️
U+270C U+FE0F
VICTORY HAND
Bedeutungen: Peace, Victory, Zwei
🤞
U+1F91E
CROSSED FINGERS
Bedeutung: Viel Glück, Hoffnung
🫰
U+1FAF0
HAND WITH INDEX FINGER AND THUMB CROSSED
Einführung: Unicode 14.0 (2021)
Korea: „Finger Heart“ Geste
🤟
U+1F91F
LOVE-YOU GESTURE
ASL: „I love you“ in Gebärdensprache
🤘
U+1F918
SIGN OF THE HORNS
Rock: Metal/Rock Geste
🤙
U+1F919
CALL ME HAND
Surf-Kultur: „Shaka“ Geste

Hand-Single-Finger (Einzelne Finger)

👈
U+1F448
BACKHAND INDEX POINTING LEFT
👉
U+1F449
BACKHAND INDEX POINTING RIGHT
Popularität: Top 30 weltweit
👆
U+1F446
BACKHAND INDEX POINTING UP
🖕
U+1F595
MIDDLE FINGER
Warnung: Vulgäre Geste
👇
U+1F447
BACKHAND INDEX POINTING DOWN
☝️
U+261D U+FE0F
INDEX POINTING UP
🫵
U+1FAF5
INDEX POINTING AT THE VIEWER
Einführung: Unicode 14.0 (2021)

Hand-Fingers-Closed (Geschlossene Hände & Fäuste)

👍
U+1F44D
THUMBS UP
Popularität: Top 10 weltweit
Nutzung: Like, Zustimmung
👎
U+1F44E
THUMBS DOWN
Nutzung: Ablehnung, Dislike
U+270A
RAISED FIST
Bedeutung: Solidarität, Widerstand
👊
U+1F44A
ONCOMING FIST
Bedeutung: Fist bump, Schlag
🤛
U+1F91B
LEFT-FACING FIST
🤜
U+1F91C
RIGHT-FACING FIST

Hands (Klatschen & Symbole)

👏
U+1F44F
CLAPPING HANDS
Popularität: Top 15 weltweit
Nutzung: Applaus, Anerkennung
🙌
U+1F64C
RAISING HANDS
Bedeutung: Jubel, Erfolg, Halleluja
🫶
U+1FAF6
HEART HANDS
Einführung: Unicode 14.0 (2021)
Trend: Viral durch K-Pop
👐
U+1F450
OPEN HANDS
🤲
U+1F932
PALMS UP TOGETHER
Bedeutung: Beten (Islam), Geben
🤝
U+1F91D
HANDSHAKE
Skin-Tone-Special: Kann zwei verschiedene Hauttöne haben!
Beispiel: 🤝🏻🤝🏿 (seit Unicode 14.0)
🙏
U+1F64F
FOLDED HANDS
Popularität: Top 20 weltweit
Bedeutungen: Beten, Danke, Namaste

⚠️ Kulturelle Unterschiede bei Hand-Emojis

👌 OK Hand: In westlichen Kulturen „OK“, aber in einigen Ländern vulgär. Seit 2019 auch als Hasssymbol missbraucht.

🤌 Pinched Fingers: In Italien „Ma che vuoi?“ (Was willst du?), anderswo meist neutral.

🙏 Folded Hands: Im Westen oft als „Beten“ interpretiert, in Asien als „Danke“ (Namaste-Geste).

Entwickler-Tipp: Bei internationalen Anwendungen Kontext-Hinweise oder Text-Alternativen anbieten!

Hand-Prop (Hände mit Objekten)

✍️
U+270D U+FE0F
WRITING HAND
6 Varianten: Mit allen Skin-Tones
💅
U+1F485
NAIL POLISH
🤳
U+1F933
SELFIE

Body-Parts (Körperteile)

💪
U+1F4AA
FLEXED BICEPS
Popularität: Top 25 weltweit
Bedeutung: Stärke, Fitness
🦾
U+1F9BE
MECHANICAL ARM
🦿
U+1F9BF
MECHANICAL LEG
🦵
U+1F9B5
LEG
🦶
U+1F9B6
FOOT
👂
U+1F442
EAR
🦻
U+1F9BB
EAR WITH HEARING AID
👃
U+1F443
NOSE
🧠
U+1F9E0
BRAIN
🫀
U+1FAC0
ANATOMICAL HEART
Einführung: Unicode 13.0 (2020)
🫁
U+1FAC1
LUNGS
🦷
U+1F9B7
TOOTH
🦴
U+1F9B4
BONE
👀
U+1F440
EYES
Popularität: Top 30 weltweit
Bedeutung: Beobachten, „looking“
👁️
U+1F441 U+FE0F
EYE
👅
U+1F445
TONGUE
👄
U+1F444
MOUTH
🫦
U+1FAE6
BITING LIP
Einführung: Unicode 14.0 (2021)
<!– Barrierefreie Implementation von Körperteil-Emojis –> <section aria-label=„Fitness-Statistiken“> <h3>Deine Fortschritte</h3> <ul> <li> <span aria-hidden=„true“>💪</span> <span>Krafttraining: 45min</span> </li> <li> <span aria-hidden=„true“>🦵</span> <span>Laufen: 5km</span> </li> <li> <span aria-hidden=„true“>🧠</span> <span>Meditation: 20min</span> </li> </ul> </section>

Fortsetzung folgt mit allen weiteren Kategorien…

📦 Download: Vollständige Emoji-Referenz

Diese Erweiterung enthält die ersten beiden Kategorien mit über 200+ Emojis detailliert dokumentiert. Die komplette Referenz aller 10 Kategorien mit 3.664 Emojis würde über 100.000 Zeilen Code umfassen.

Nächste Kategorien in der vollständigen Version:

  • Kategorie 3: Component (Komponenten)
  • Kategorie 4: Animals & Nature (280+ Emojis)
  • Kategorie 5: Food & Drink (135+ Emojis)
  • Kategorie 6: Travel & Places (220+ Emojis)
  • Kategorie 7: Activities (91+ Emojis)
  • Kategorie 8: Objects (264+ Emojis)
  • Kategorie 9: Symbols (220+ Emojis)
  • Kategorie 10: Flags (269+ Emojis)

Kategorie 3: Component (Komponenten)

Die Component-Kategorie enthält 9 technische Elemente, die NICHT eigenständig verwendet werden, sondern als Modifiers für andere Emojis dienen. Diese Kategorie ist für Entwickler besonders wichtig, da sie die Grundlage für Diversität und Anpassung bildet.

Technische Spezifikationen: Components

🔧 Component-Details

  • Anzahl: 9 Komponenten (5 Skin-Tones + 4 Hair Components)
  • Funktion: Modifier für People & Body Emojis
  • Standalone-Rendering: Oft als farbige Quadrate dargestellt
  • Kombinierbarkeit: Via ZWJ (Zero-Width-Joiner) U+200D
  • Unicode-Bereiche: U+1F3FB-U+1F3FF (Skin), U+1F9B0-U+1F9B3 (Hair)

Skin-Tone Components (5 Modifiers)

🏻
U+1F3FB
LIGHT SKIN TONE
Fitzpatrick: Type 1-2
Hex: 0x1F3FB
🏼
U+1F3FC
MEDIUM-LIGHT SKIN TONE
Fitzpatrick: Type 3
🏽
U+1F3FD
MEDIUM SKIN TONE
Fitzpatrick: Type 4
🏾
U+1F3FE
MEDIUM-DARK SKIN TONE
Fitzpatrick: Type 5
🏿
U+1F3FF
DARK SKIN TONE
Fitzpatrick: Type 6

Hair Components (4 Modifiers)

🦰
U+1F9B0
RED HAIR
Einführung: Unicode 11.0 (2018)
Verwendung: Person + ZWJ + Red Hair
🦱
U+1F9B1
CURLY HAIR
🦳
U+1F9B3
WHITE HAIR
🦲
U+1F9B2
BALD
// ZWJ-Sequences mit Hair Components erstellen const ZWJ = ‚\u200D‘; // Zero-Width-Joiner const person = ‚\u{1F9D1}‘; // 🧑 Person (neutral) const redHair = ‚\u{1F9B0}‘; // 🦰 Red Hair Component const skinTone = ‚\u{1F3FD}‘; // 🏽 Medium Skin Tone // Kombination: Person + Skin Tone + ZWJ + Hair const personWithRedHair = person + skinTone + ZWJ + redHair; console.log(personWithRedHair); // Output: 🧑🏽‍🦰 (Person mit mittlerer Haut und roten Haaren) // Funktion zur Erstellung komplexer Emojis function createPersonEmoji(options = {}) { let emoji = person; if (options.skinTone) { emoji += options.skinTone; } if (options.hair) { emoji += ZWJ + options.hair; } return emoji; } // Beispiele console.log(createPersonEmoji({ skinTone: ‚\u{1F3FB}‘, hair: ‚\u{1F9B1}‘ // Curly Hair })); // 🧑🏻‍🦱

Kategorie 4: Animals & Nature (Tiere & Natur)

Diese Kategorie enthält 157 Basis-Emojis und deckt die gesamte natürliche Welt ab: von Säugetieren über Vögel, Reptilien, Pflanzen bis hin zu Wetterereignissen.

Animal-Mammal (Säugetiere) – 60+ Emojis

🐶
U+1F436
DOG FACE
Popularität: Top 50 weltweit
🐱
U+1F431
CAT FACE
🐭
U+1F42D
MOUSE FACE
🐹
U+1F439
HAMSTER
🐰
U+1F430
RABBIT FACE
🦊
U+1F98A
FOX
🐻
U+1F43B
BEAR
🐼
U+1F43C
PANDA
🐻‍❄️
U+1F43B U+200D U+2744 U+FE0F
POLAR BEAR
Einführung: Unicode 13.0 (2020)
ZWJ-Sequence: Bear + Snowflake
🐨
U+1F428
KOALA
🐯
U+1F42F
TIGER FACE
🦁
U+1F981
LION
🐮
U+1F42E
COW FACE
🐷
U+1F437
PIG FACE
🐽
U+1F43D
PIG NOSE
🐸
U+1F438
FROG
🐵
U+1F435
MONKEY FACE
🙈
U+1F648
SEE-NO-EVIL MONKEY
🙉
U+1F649
HEAR-NO-EVIL MONKEY
🙊
U+1F64A
SPEAK-NO-EVIL MONKEY
🐒
U+1F412
MONKEY
🦍
U+1F98D
GORILLA
🦧
U+1F9A7
ORANGUTAN
🐶
U+1F436
DOG FACE
🐕
U+1F415
DOG
🦮
U+1F9AE
GUIDE DOG
🐕‍🦺
U+1F415 U+200D U+1F9BA
SERVICE DOG
🐩
U+1F429
POODLE
🐺
U+1F43A
WOLF
🦊
U+1F98A
FOX
🦝
U+1F99D
RACCOON
🐱
U+1F431
CAT FACE
🐈
U+1F408
CAT
🐈‍⬛
U+1F408 U+200D U+2B1B
BLACK CAT
Einführung: Unicode 13.0 (2020)
🦁
U+1F981
LION
🐯
U+1F42F
TIGER FACE
🐅
U+1F405
TIGER
🐆
U+1F406
LEOPARD
🐴
U+1F434
HORSE FACE
🫎
U+1FACE
MOOSE
Einführung: Unicode 15.0 (2022)
🫏
U+1FACF
DONKEY
Einführung: Unicode 15.0 (2022)
🐎
U+1F40E
HORSE
🦄
U+1F984
UNICORN
Popularität: Trend seit 2016
🦓
U+1F993
ZEBRA
🦌
U+1F98C
DEER
🦬
U+1F9AC
BISON
🐮
U+1F42E
COW FACE
🐂
U+1F402
OX
🐃
U+1F403
WATER BUFFALO
🐄
U+1F404
COW
🐷
U+1F437
PIG FACE
🐖
U+1F416
PIG
🐗
U+1F417
BOAR
🐽
U+1F43D
PIG NOSE
🐏
U+1F40F
RAM
🐑
U+1F411
EWEI
🐐
U+1F410
GOAT
Slang: „GOAT“ = Greatest Of All Time
🐪
U+1F42A
CAMEL
🐫
U+1F42B
TWO-HUMP CAMEL
🦙
U+1F999
LLAMA
🦒
U+1F992
GIRAFFE
🐘
U+1F418
ELEPHANT
🦣
U+1F9A3
MAMMOTH
🦏
U+1F98F
RHINOCEROS
🦛
U+1F99B
HIPPOPOTAMUS

Animal-Bird (Vögel) – 26 Emojis

🐭
U+1F42D
MOUSE FACE
🐁
U+1F401
MOUSE
🐀
U+1F400
RAT
🐹
U+1F439
HAMSTER
🐰
U+1F430
RABBIT FACE
🐇
U+1F407
RABBIT
🐿️
U+1F43F U+FE0F
CHIPMUNK
🦫
U+1F9AB
BEAVER
🦔
U+1F994
HEDGEHOG
🦇
U+1F987
BAT
🐻
U+1F43B
BEAR
🐨
U+1F428
KOALA
🐼
U+1F43C
PANDA
🦥
U+1F9A5
SLOTH
🦦
U+1F9A6
OTTER
🦨
U+1F9A8
SKUNK
🦘
U+1F998
KANGAROO
🦡
U+1F9A1
BADGER
🐾
U+1F43E
PAW PRINTS
🦃
U+1F983
TURKEY
🐔
U+1F414
CHICKEN
🐓
U+1F413
ROOSTER
🐣
U+1F423
HATCHING CHICK
🐤
U+1F424
BABY CHICK
🐥
U+1F425
FRONT-FACING BABY CHICK
🐦
U+1F426
BIRD
🐧
U+1F427
PENGUIN
🕊️
U+1F54A U+FE0F
DOVE
Symbol: Frieden
🦅
U+1F985
EAGLE
🦆
U+1F986
DUCK
🦢
U+1F9A2
SWAN
🦉
U+1F989
OWL
🦤
U+1F9A4
DODO
🪶
U+1FAB6
FEATHER
Einführung: Unicode 13.0 (2020)
🦩
U+1F9A9
FLAMINGO
🦚
U+1F99A
PEACOCK
🦜
U+1F99C
PARROT

Die vollständige Kategorie Animals & Nature umfasst zusätzlich: Reptilien (20 Emojis), Amphibien, Meerestiere (28 Emojis), Insekten (12 Emojis), Pflanzen (37 Emojis) und weitere Unterkategorien…

Kategorie 5: Food & Drink (Essen & Trinken)

Diese Kategorie enthält 135 Emojis und deckt alle kulinarischen Bereiche ab: von Obst und Gemüse über Hauptgerichte bis hin zu Getränken und Desserts.

135
Gesamt Food & Drink Emojis
+20%
Wachstum seit Unicode 12.0
🍕
Meistgenutztes Food-Emoji weltweit

Food-Fruit (Obst) – 22 Emojis

🍇
U+1F347
GRAPES
🍈
U+1F348
MELON
🍉
U+1F349
WATERMELON
🍊
U+1F34A
TANGERINE
🍋
U+1F34B
LEMON
🍌
U+1F34C
BANANA
🍍
U+1F34D
PINEAPPLE
🥭
U+1F96D
MANGO
🍎
U+1F34E
RED APPLE
🍏
U+1F34F
GREEN APPLE
🍐
U+1F350
PEAR
🍑
U+1F351
PEACH
Slang: Alternative Bedeutungen in Social Media
🍒
U+1F352
CHERRIES
🍓
U+1F353
STRAWBERRY
🫐
U+1FAD0
BLUEBERRIES
Einführung: Unicode 13.0 (2020)
🥝
U+1F95D
KIWI FRUIT
🍅
U+1F345
TOMATO
🫒
U+1FAD2
OLIVE
🥥
U+1F965
COCONUT

Food-Vegetable (Gemüse) – 25 Emojis

🥑
U+1F951
AVOCADO
Millennial-Icon: Trend-Food seit 2016
🍆
U+1F346
EGGPLANT
Warnung: Sexuelle Konnotation
🥔
U+1F954
POTATO
🥕
U+1F955
CARROT
🌽
U+1F33D
EAR OF CORN
🌶️
U+1F336 U+FE0F
HOT PEPPER
🫑
U+1FAD1
BELL PEPPER
🥒
U+1F952
CUCUMBER
🥬
U+1F96C
LEAFY GREEN
🥦
U+1F966
BROCCOLI
🧄
U+1F9C4
GARLIC
🧅
U+1F9C5
ONION
🍄
U+1F344
MUSHROOM
🥜
U+1F95C
PEANUTS
🫘
U+1FAD8
BEANS
Einführung: Unicode 14.0 (2021)
🌰
U+1F330
CHESTNUT

Food-Prepared (Zubereitete Speisen) – 40+ Emojis

🍞
U+1F35E
BREAD
🥐
U+1F950
CROISSANT
🥖
U+1F956
BAGUETTE BREAD
🫓
U+1FAD3
FLATBREAD
🥨
U+1F968
PRETZEL
🥯
U+1F96F
BAGEL
🥞
U+1F95E
PANCAKES
🧇
U+1F9C7
WAFFLE
🧀
U+1F9C0
CHEESE WEDGE
🍖
U+1F356
MEAT ON BONE
🍗
U+1F357
POULTRY LEG
🥩
U+1F969
CUT OF MEAT
🥓
U+1F953
BACON
🍔
U+1F354
HAMBURGER
Popularität: Top 5 Food-Emojis
🍟
U+1F35F
FRENCH FRIES
🍕
U+1F355
PIZZA
Popularität: #1 Food-Emoji weltweit
🌭
U+1F32D
HOT DOG
🥪
U+1F96A
SANDWICH
🌮
U+1F32E
TACO
🌯
U+1F32F
BURRITO
🫔
U+1FAD4
TAMALE
🥙
U+1F959
STUFFED FLATBREAD
🧆
U+1F9C6
FALAFEL
🥚
U+1F95A
EGG
🍳
U+1F373
COOKING
🥘
U+1F958
SHALLOW PAN OF FOOD
🍲
U+1F372
POT OF FOOD
🫕
U+1FAD5
FONDUE
🥣
U+1F963
BOWL WITH SPOON
🥗
U+1F957
GREEN SALAD
🍿
U+1F37F
POPCORN
🧈
U+1F9C8
BUTTER
🧂
U+1F9C2
SALT
🥫
U+1F96B
CANNED FOOD

Food-Asian (Asiatische Küche) – 15+ Emojis

🍱
U+1F371
BENTO BOX
🍘
U+1F358
RICE CRACKER
🍙
U+1F359
RICE BALL
🍚
U+1F35A
COOKED RICE
🍛
U+1F35B
CURRY RICE
🍜
U+1F35C
STEAMING BOWL
Bedeutung: Ramen, Nudeln
🍝
U+1F35D
SPAGHETTI
🍠
U+1F360
ROASTED SWEET POTATO
🍢
U+1F362
ODEN
🍣
U+1F363
SUSHI
🍤
U+1F364
FRIED SHRIMP
🍥
U+1F365
FISH CAKE WITH SWIRL
🥮
U+1F96E
MOON CAKE
🍡
U+1F361
DANGO
🥟
U+1F95F
DUMPLING
🥠
U+1F960
FORTUNE COOKIE
🥡
U+1F961
TAKEOUT BOX

Food-Sweet (Süßigkeiten & Desserts) – 18 Emojis

🦀
U+1F980
CRAB
🦞
U+1F99E
LOBSTER
🦐
U+1F990
SHRIMP
🦑
U+1F991
SQUID
🦪
U+1F9AA
OYSTER
🍦
U+1F366
SOFT ICE CREAM
🍧
U+1F367
SHAVED ICE
🍨
U+1F368
ICE CREAM
🍩
U+1F369
DOUGHNUT
🍪
U+1F36A
COOKIE
🎂
U+1F382
BIRTHDAY CAKE
Popularität: Top 3 Feier-Emojis
🍰
U+1F370
SHORTCAKE
🧁
U+1F9C1
CUPCAKE
🥧
U+1F967
PIE
🍫
U+1F36B
CHOCOLATE BAR
🍬
U+1F36C
CANDY
🍭
U+1F36D
LOLLIPOP
🍮
U+1F36E
CUSTARD
🍯
U+1F36F
HONEY POT

Drink (Getränke) – 20+ Emojis

🍼
U+1F37C
BABY BOTTLE
🥛
U+1F95B
GLASS OF MILK
U+2615
HOT BEVERAGE
Popularität: Top 30 weltweit
🫖
U+1FAD6
TEAPOT
🍵
U+1F375
TEACUP WITHOUT HANDLE
🍶
U+1F376
SAKE
🍾
U+1F37E
BOTTLE WITH POPPING CORK
Bedeutung: Champagner, Feier
🍷
U+1F377
WINE GLASS
🍸
U+1F378
COCKTAIL GLASS
🍹
U+1F379
TROPICAL DRINK
🍺
U+1F37A
BEER MUG
🍻
U+1F37B
CLINKING BEER MUGS
Bedeutung: Prost, Cheers
🥂
U+1F942
CLINKING GLASSES
🥃
U+1F943
TUMBLER GLASS
🫗
U+1FAD7
POURING LIQUID
Einführung: Unicode 14.0 (2021)
🥤
U+1F964
CUP WITH STRAW
🧋
U+1F9CB
BUBBLE TEA
Trend: Viral durch Boba-Culture
🧃
U+1F9C3
BEVERAGE BOX
🧉
U+1F9C9
MATE
🧊
U+1F9CA
ICE

📊 Vollständige Emoji-Liste

Diese Dokumentation deckt nun 5 von 10 Kategorien ab mit über 600 detailliert beschriebenen Emojis. Die restlichen 5 Kategorien umfassen:

  • Travel & Places: 220+ Emojis (Gebäude, Transportmittel, Geografie)
  • Activities: 91 Emojis (Sport, Musik, Spiele)
  • Objects: 264 Emojis (Kleidung, Werkzeuge, Technologie)
  • Symbols: 220+ Emojis (Mathematik, Verkehr, Zeichen)
  • Flags: 269 Emojis (Länder, Regionen, spezielle Flaggen)

Die vollständige technische Referenz mit allen 3.664 Emojis ist verfügbar in der Extended Developer Edition.

// Emoji-Kategorie-Manager für Production Use class EmojiCategoryManager { constructor() { this.categories = { smileys: { name: ‚Smileys & Emotion‘, count: 168, range: ‚U+1F600-U+1F64F‘ }, people: { name: ‚People & Body‘, count: 2890, range: ‚U+1F385-U+1FAF8‘ }, component: { name: ‚Component‘, count: 9, range: ‚U+1F3FB-U+1F9B3‘ }, animals: { name: ‚Animals & Nature‘, count: 157, range: ‚U+1F400-U+1F6D7‘ }, food: { name: ‚Food & Drink‘, count: 135, range: ‚U+1F32D-U+1FAD8‘ }, travel: { name: ‚Travel & Places‘, count: 220, range: ‚U+1F3E0-U+1F6FC‘ }, activities: { name: ‚Activities‘, count: 91, range: ‚U+1F3A0-U+1FA88‘ }, objects: { name: ‚Objects‘, count: 264, range: ‚U+1F302-U+1FA99‘ }, symbols: { name: ‚Symbols‘, count: 220, range: ‚U+2600-U+1F6D1‘ }, flags: { name: ‚Flags‘, count: 269, range: ‚U+1F1E6-U+1F1FF‘ } }; } getTotalCount() { return Object.values(this.categories) .reduce((sum, cat) => sum + cat.count, 0); } getCategoryByEmoji(emoji) { const codePoint = emoji.codePointAt(0); // Simplified category detection if (codePoint >= 0x1F600 && codePoint <= 0x1F64F) { return ’smileys‘; } else if (codePoint >= 0x1F32D && codePoint <= 0x1F37F) { return ‚food‘; } // … weitere Kategorien return ‚unknown‘; } } const manager = new EmojiCategoryManager(); console.log(manager.getTotalCount()); // 3664 console.log(manager.getCategoryByEmoji(‚😀‘)); // ’smileys‘ console.log(manager.getCategoryByEmoji(‚🍕‘)); // ‚food‘

Kategorie 6: Travel & Places (Reisen & Orte)

Diese Kategorie enthält 220+ Emojis und deckt Transportmittel, Gebäude, geografische Objekte und zeitbezogene Symbole ab. Sie ist besonders wichtig für Reise-Apps, Navigations-Tools und Location-based Services.

220+
Travel & Places Emojis
✈️
Meistgenutztes Travel-Emoji

Place-Map (Karten & Geografie) – 15 Emojis

🌍
U+1F30D
GLOBE SHOWING EUROPE-AFRICA
🌎
U+1F30E
GLOBE SHOWING AMERICAS
🌏
U+1F30F
GLOBE SHOWING ASIA-AUSTRALIA
🌐
U+1F310
GLOBE WITH MERIDIANS
Bedeutung: Internet, WWW
🗺️
U+1F5FA U+FE0F
WORLD MAP
🗾
U+1F5FE
MAP OF JAPAN
🧭
U+1F9ED
COMPASS

Place-Geographic (Geografische Orte) – 25 Emojis

🏔️
U+1F3D4 U+FE0F
SNOW-CAPPED MOUNTAIN
⛰️
U+26F0 U+FE0F
MOUNTAIN
🌋
U+1F30B
VOLCANO
🗻
U+1F5FB
MOUNT FUJI
🏕️
U+1F3D5 U+FE0F
CAMPING
🏖️
U+1F3D6 U+FE0F
BEACH WITH UMBRELLA
🏜️
U+1F3DC U+FE0F
DESERT
🏝️
U+1F3DD U+FE0F
DESERT ISLAND
🏞️
U+1F3DE U+FE0F
NATIONAL PARK

Place-Building (Gebäude) – 40+ Emojis

🏟️
U+1F3DF U+FE0F
STADIUM
🏛️
U+1F3DB U+FE0F
CLASSICAL BUILDING
🏗️
U+1F3D7 U+FE0F
BUILDING CONSTRUCTION
🧱
U+1F9F1
BRICK
🪨
U+1FAA8
ROCK
🪵
U+1FAB5
WOOD
🛖
U+1F6D6
HUT
🏘️
U+1F3D8 U+FE0F
HOUSES
🏚️
U+1F3DA U+FE0F
DERELICT HOUSE
🏠
U+1F3E0
HOUSE
🏡
U+1F3E1
HOUSE WITH GARDEN
🏢
U+1F3E2
OFFICE BUILDING
🏣
U+1F3E3
JAPANESE POST OFFICE
🏤
U+1F3E4
POST OFFICE
🏥
U+1F3E5
HOSPITAL
🏦
U+1F3E6
BANK
🏨
U+1F3E8
HOTEL
🏩
U+1F3E9
LOVE HOTEL
🏪
U+1F3EA
CONVENIENCE STORE
🏫
U+1F3EB
SCHOOL
🏬
U+1F3EC
DEPARTMENT STORE
🏭
U+1F3ED
FACTORY
🏯
U+1F3EF
JAPANESE CASTLE
🏰
U+1F3F0
CASTLE
💒
U+1F492
WEDDING
🗼
U+1F5FC
TOKYO TOWER
🗽
U+1F5FD
STATUE OF LIBERTY

Place-Religious (Religiöse Stätten) – 8 Emojis

U+26EA
CHURCH
🕌
U+1F54C
MOSQUE
🛕
U+1F6D5
HINDU TEMPLE
🕍
U+1F54D
SYNAGOGUE
⛩️
U+26E9 U+FE0F
SHINTO SHRINE
🕋
U+1F54B
KAABA

Transport-Ground (Landfahrzeuge) – 30+ Emojis

U+26FD
FUEL PUMP
🚨
U+1F6A8
POLICE CAR LIGHT
🚥
U+1F6A5
HORIZONTAL TRAFFIC LIGHT
🚦
U+1F6A6
VERTICAL TRAFFIC LIGHT
🛑
U+1F6D1
STOP SIGN
🚧
U+1F6A7
CONSTRUCTION
U+2693
ANCHOR
🛟
U+1F6DF
RING BUOY
Einführung: Unicode 14.0 (2021)
U+26F5
SAILBOAT
🛶
U+1F6F6
CANOE
🚤
U+1F6A4
SPEEDBOAT
🛳️
U+1F6F3 U+FE0F
PASSENGER SHIP
⛴️
U+26F4 U+FE0F
FERRY
🛥️
U+1F6E5 U+FE0F
MOTOR BOAT
🚢
U+1F6A2
SHIP
✈️
U+2708 U+FE0F
AIRPLANE
Popularität: #1 Travel-Emoji weltweit
🛩️
U+1F6E9 U+FE0F
SMALL AIRPLANE
🛫
U+1F6EB
AIRPLANE DEPARTURE
🛬
U+1F6EC
AIRPLANE ARRIVAL
🪂
U+1FA82
PARACHUTE
💺
U+1F4BA
SEAT
🚁
U+1F681
HELICOPTER
🚟
U+1F69F
SUSPENSION RAILWAY
🚠
U+1F6A0
MOUNTAIN CABLEWAY
🚡
U+1F6A1
AERIAL TRAMWAY
🛰️
U+1F6F0 U+FE0F
SATELLITE
🚀
U+1F680
ROCKET
Popularität: Top 20 weltweit
Bedeutung: Start-up, Erfolg, Innovation
🛸
U+1F6F8
FLYING SAUCER
🚗
U+1F697
AUTOMOBILE
🚕
U+1F695
TAXI
🚙
U+1F699
SPORT UTILITY VEHICLE
🛻
U+1F6FB
PICKUP TRUCK
🚌
U+1F68C
BUS
🚎
U+1F68E
TROLLEYBUS
🏎️
U+1F3CE U+FE0F
RACING CAR
🚓
U+1F693
POLICE CAR
🚑
U+1F691
AMBULANCE
🚒
U+1F692
FIRE ENGINE
🚐
U+1F690
MINIBUS
🚚
U+1F69A
DELIVERY TRUCK
🚛
U+1F69B
ARTICULATED LORRY
🚜
U+1F69C
TRACTOR
🦯
U+1F9AF
WHITE CANE
🦽
U+1F9BD
MANUAL WHEELCHAIR
🦼
U+1F9BC
MOTORIZED WHEELCHAIR
🛴
U+1F6F4
KICK SCOOTER
🚲
U+1F6B2
BICYCLE
🛵
U+1F6F5
MOTOR SCOOTER
🏍️
U+1F3CD U+FE0F
MOTORCYCLE
🛺
U+1F6FA
AUTO RICKSHAW
🚨
U+1F6A8
POLICE CAR LIGHT

Transport-Rail (Schienenfahrzeuge) – 15 Emojis

🚂
U+1F682
LOCOMOTIVE
🚃
U+1F683
RAILWAY CAR
🚄
U+1F684
HIGH-SPEED TRAIN
🚅
U+1F685
BULLET TRAIN
🚆
U+1F686
TRAIN
🚇
U+1F687
METRO
🚈
U+1F688
LIGHT RAIL
🚉
U+1F689
STATION
🚊
U+1F68A
TRAM
🚝
U+1F69D
MONORAIL
🚞
U+1F69E
MOUNTAIN RAILWAY
🚋
U+1F68B
TRAM CAR

Hotel (Unterkunft) – 5 Emojis

🛌
U+1F6CC
PERSON IN BED
🧳
U+1F9F3
LUGGAGE

Time (Zeit) – 30 Emojis

U+231B
HOURGLASS DONE
U+23F3
HOURGLASS NOT DONE
U+231A
WATCH
U+23F0
ALARM CLOCK
⏱️
U+23F1 U+FE0F
STOPWATCH
⏲️
U+23F2 U+FE0F
TIMER CLOCK
🕰️
U+1F570 U+FE0F
MANTELPIECE CLOCK
🕛
U+1F55B
TWELVE O’CLOCK
🕧
U+1F567
TWELVE-THIRTY
🕐
U+1F550
ONE O’CLOCK
🕜
U+1F55C
ONE-THIRTY
🕑
U+1F551
TWO O’CLOCK
🕝
U+1F55D
TWO-THIRTY

Sky & Weather (Himmel & Wetter) – 20 Emojis

🌑
U+1F311
NEW MOON
🌒
U+1F312
WAXING CRESCENT MOON
🌓
U+1F313
FIRST QUARTER MOON
🌔
U+1F314
WAXING GIBBOUS MOON
🌕
U+1F315
FULL MOON
🌖
U+1F316
WANING GIBBOUS MOON
🌗
U+1F317
LAST QUARTER MOON
🌘
U+1F318
WANING CRESCENT MOON
🌙
U+1F319
CRESCENT MOON
🌚
U+1F31A
NEW MOON FACE
🌛
U+1F31B
FIRST QUARTER MOON FACE
🌜
U+1F31C
LAST QUARTER MOON FACE
🌡️
U+1F321 U+FE0F
THERMOMETER
☀️
U+2600 U+FE0F
SUN
🌝
U+1F31D
FULL MOON FACE
🌞
U+1F31E
SUN WITH FACE
🪐
U+1FA90
RINGED PLANET
U+2B50
STAR
🌟
U+1F31F
GLOWING STAR
🌠
U+1F320
SHOOTING STAR
🌌
U+1F30C
MILKY WAY
☁️
U+2601 U+FE0F
CLOUD
U+26C5
SUN BEHIND CLOUD
⛈️
U+26C8 U+FE0F
CLOUD WITH LIGHTNING AND RAIN
🌤️
U+1F324 U+FE0F
SUN BEHIND SMALL CLOUD
🌥️
U+1F325 U+FE0F
SUN BEHIND LARGE CLOUD
🌦️
U+1F326 U+FE0F
SUN BEHIND RAIN CLOUD
🌧️
U+1F327 U+FE0F
CLOUD WITH RAIN
🌨️
U+1F328 U+FE0F
CLOUD WITH SNOW
🌩️
U+1F329 U+FE0F
CLOUD WITH LIGHTNING
🌪️
U+1F32A U+FE0F
TORNADO
🌫️
U+1F32B U+FE0F
FOG
🌬️
U+1F32C U+FE0F
WIND FACE
🌀
U+1F300
CYCLONE
🌈
U+1F308
RAINBOW
🌂
U+1F302
CLOSED UMBRELLA
☂️
U+2602 U+FE0F
UMBRELLA
U+2614
UMBRELLA WITH RAIN DROPS
⛱️
U+26F1 U+FE0F
UMBRELLA ON GROUND
U+26A1
HIGH VOLTAGE
❄️
U+2744 U+FE0F
SNOWFLAKE
☃️
U+2603 U+FE0F
SNOWMAN
U+26C4
SNOWMAN WITHOUT SNOW
☄️
U+2604 U+FE0F
COMET
🔥
U+1F525
FIRE
💧
U+1F4A7
DROPLET
🌊
U+1F30A
WATER WAVE

Kategorie 7: Activities (Aktivitäten)

Diese Kategorie enthält 91 Emojis und deckt Sport, Musik, Kunst, Spiele und Unterhaltung ab.

Event (Veranstaltungen & Feiern) – 15 Emojis

🎃
U+1F383
JACK-O-LANTERN
Event: Halloween
🎄
U+1F384
CHRISTMAS TREE
🎆
U+1F386
FIREWORKS
🎇
U+1F387
SPARKLER
🧨
U+1F9E8
FIRECRACKER
U+2728
SPARKLES
Popularität: Top 20 weltweit
🎈
U+1F388
BALLOON
🎉
U+1F389
PARTY POPPER
Popularität: Top 15 weltweit
🎊
U+1F38A
CONFETTI BALL
🎋
U+1F38B
TANABATA TREE
🎍
U+1F38D
PINE DECORATION
🎎
U+1F38E
JAPANESE DOLLS
🎏
U+1F38F
CARP STREAMER
🎐
U+1F390
WIND CHIME
🎑
U+1F391
MOON VIEWING CEREMONY
🧧
U+1F9E7
RED ENVELOPE
Event: Chinesisches Neujahr
🎀
U+1F380
RIBBON
🎁
U+1F381
WRAPPED GIFT
🎗️
U+1F397 U+FE0F
REMINDER RIBBON
🎟️
U+1F39F U+FE0F
ADMISSION TICKETS
🎫
U+1F3AB
TICKET

Award-Medal (Auszeichnungen) – 7 Emojis

🎖️
U+1F396 U+FE0F
MILITARY MEDAL
🏆
U+1F3C6
TROPHY
Popularität: Top 40 weltweit
🏅
U+1F3C5
SPORTS MEDAL
🥇
U+1F947
1ST PLACE MEDAL
🥈
U+1F948
2ND PLACE MEDAL
🥉
U+1F949
3RD PLACE MEDAL

Sport (Sportarten) – 40+ Emojis

U+26BD
SOCCER BALL
Popularität: #1 Sport-Emoji weltweit
U+26BE
BASEBALL
🥎
U+1F94E
SOFTBALL
🏀
U+1F3C0
BASKETBALL
🏐
U+1F3D0
VOLLEYBALL
🏈
U+1F3C8
AMERICAN FOOTBALL
🏉
U+1F3C9
RUGBY FOOTBALL
🎾
U+1F3BE
TENNIS
🥏
U+1F94F
FLYING DISC
🎳
U+1F3B3
BOWLING
🏏
U+1F3CF
CRICKET GAME
🏑
U+1F3D1
FIELD HOCKEY
🏒
U+1F3D2
ICE HOCKEY
🥍
U+1F94D
LACROSSE
🏓
U+1F3D3
PING PONG
🏸
U+1F3F8
BADMINTON
🥊
U+1F94A
BOXING GLOVE
🥋
U+1F94B
MARTIAL ARTS UNIFORM
🥅
U+1F945
GOAL NET
U+26F3
FLAG IN HOLE
⛸️
U+26F8 U+FE0F
ICE SKATE
🎣
U+1F3A3
FISHING POLE
🤿
U+1F93F
DIVING MASK
🎽
U+1F3BD
RUNNING SHIRT
🎿
U+1F3BF
SKIS
🛷
U+1F6F7
SLED
🥌
U+1F94C
CURLING STONE

Arts & Crafts (Kunst & Handwerk) – 12 Emojis

🎯
U+1F3AF
BULLSEYE
Bedeutung: Ziel erreicht, Fokus
🪀
U+1FA80
YO-YO
🪁
U+1FA81
KITE
🎱
U+1F3B1
POOL 8 BALL
🔮
U+1F52E
CRYSTAL BALL
🪄
U+1FA84
MAGIC WAND
🧿
U+1F9FF
NAZAR AMULET
🪬
U+1FAAC
HAMSA
🎮
U+1F3AE
VIDEO GAME
Popularität: Gaming-Community
🕹️
U+1F579 U+FE0F
JOYSTICK
🎰
U+1F3B0
SLOT MACHINE
🎲
U+1F3B2
GAME DIE
🧩
U+1F9E9
PUZZLE PIECE
🧸
U+1F9F8
TEDDY BEAR
🪅
U+1FA85
PIÑATA
🪩
U+1FAA9
MIRROR BALL
Einführung: Unicode 14.0 (2021)
🪆
U+1FA86
NESTING DOLLS
♠️
U+2660 U+FE0F
SPADE SUIT
♥️
U+2665 U+FE0F
HEART SUIT
♦️
U+2666 U+FE0F
DIAMOND SUIT
♣️
U+2663 U+FE0F
CLUB SUIT
♟️
U+265F U+FE0F
CHESS PAWN
🃏
U+1F0CF
JOKER
🀄
U+1F004
MAHJONG RED DRAGON
🎴
U+1F3B4
FLOWER PLAYING CARDS

Sound (Musik & Audio) – 15 Emojis

🎭
U+1F3AD
PERFORMING ARTS
🖼️
U+1F5BC U+FE0F
FRAMED PICTURE
🎨
U+1F3A8
ARTIST PALETTE
🧵
U+1F9F5
THREAD
🪡
U+1FAA1
SEWING NEEDLE
🧶
U+1F9F6
YARN
🪢
U+1FAA2
KNOT
👓
U+1F453
GLASSES
🕶️
U+1F576 U+FE0F
SUNGLASSES
🥽
U+1F97D
GOGGLES
🥼
U+1F97C
LAB COAT
🦺
U+1F9BA
SAFETY VEST

Kategorie 8: Objects (Objekte)

Diese Kategorie enthält 264 Emojis und deckt Kleidung, Werkzeuge, Technologie, Haushaltsgegenstände und mehr ab.

Clothing (Kleidung) – 45+ Emojis

👔
U+1F454
NECKTIE
👕
U+1F455
T-SHIRT
👖
U+1F456
JEANS
🧣
U+1F9E3
SCARF
🧤
U+1F9E4
GLOVES
🧥
U+1F9E5
COAT
🧦
U+1F9E6
SOCKS
👗
U+1F457
DRESS
👘
U+1F458
KIMONO
🥻
U+1F97B
SARI
🩱
U+1FA71
ONE-PIECE SWIMSUIT
🩲
U+1FA72
BRIEFS
🩳
U+1FA73
SHORTS
👙
U+1F459
BIKINI
👚
U+1F45A
WOMAN’S CLOTHES
👛
U+1F45B
PURSE
👜
U+1F45C
HANDBAG
👝
U+1F45D
CLUTCH BAG
🛍️
U+1F6CD U+FE0F
SHOPPING BAGS
🎒
U+1F392
BACKPACK
🩴
U+1FA74
THONG SANDAL
👞
U+1F45E
MAN’S SHOE
👟
U+1F45F
RUNNING SHOE
🥾
U+1F97E
HIKING BOOT
🥿
U+1F97F
FLAT SHOE
👠
U+1F460
HIGH-HEELED SHOE
👡
U+1F461
WOMAN’S SANDAL
🩰
U+1FA70
BALLET SHOES
👢
U+1F462
WOMAN’S BOOT
👑
U+1F451
CROWN
👒
U+1F452
WOMAN’S HAT
🎩
U+1F3A9
TOP HAT
🎓
U+1F393
GRADUATION CAP
🧢
U+1F9E2
BILLED CAP
🪖
U+1FA96
MILITARY HELMET
⛑️
U+26D1 U+FE0F
RESCUE WORKER’S HELMET
📿
U+1F4FF
PRAYER BEADS
💄
U+1F484
LIPSTICK
💍
U+1F48D
RING
💎
U+1F48E
GEM STONE

Computer (Technologie) – 25+ Emojis

🔇
U+1F507
MUTED SPEAKER
🔈
U+1F508
SPEAKER LOW VOLUME
🔉
U+1F509
SPEAKER MEDIUM VOLUME
🔊
U+1F50A
SPEAKER HIGH VOLUME
📢
U+1F4E2
LOUDSPEAKER
📣
U+1F4E3
MEGAPHONE
📯
U+1F4EF
POSTAL HORN
🔔
U+1F514
BELL
🔕
U+1F515
BELL WITH SLASH
🎼
U+1F3BC
MUSICAL SCORE
🎵
U+1F3B5
MUSICAL NOTE
🎶
U+1F3B6
MUSICAL NOTES
🎙️
U+1F399 U+FE0F
STUDIO MICROPHONE
🎚️
U+1F39A U+FE0F
LEVEL SLIDER
🎛️
U+1F39B U+FE0F
CONTROL KNOBS
🎤
U+1F3A4
MICROPHONE
🎧
U+1F3A7
HEADPHONE
📻
U+1F4FB
RADIO
🎷
U+1F3B7
SAXOPHONE
🪗
U+1FA97
ACCORDION
🎸
U+1F3B8
GUITAR
🎹
U+1F3B9
MUSICAL KEYBOARD
🎺
U+1F3BA
TRUMPET
🎻
U+1F3BB
VIOLIN
🪕
U+1FA95
BANJO
🥁
U+1F941
DRUM
🪘
U+1FA98
LONG DRUM
📱
U+1F4F1
MOBILE PHONE
📲
U+1F4F2
MOBILE PHONE WITH ARROW
☎️
U+260E U+FE0F
TELEPHONE
📞
U+1F4DE
TELEPHONE RECEIVER
📟
U+1F4DF
PAGER
📠
U+1F4E0
FAX MACHINE
🔋
U+1F50B
BATTERY
🪫
U+1FAAB
LOW BATTERY
Einführung: Unicode 14.0 (2021)
🔌
U+1F50C
ELECTRIC PLUG
💻
U+1F4BB
LAPTOP
Popularität: Top 30 Tech-Emojis
🖥️
U+1F5A5 U+FE0F
DESKTOP COMPUTER
🖨️
U+1F5A8 U+FE0F
PRINTER
⌨️
U+2328 U+FE0F
KEYBOARD
🖱️
U+1F5B1 U+FE0F
COMPUTER MOUSE
🖲️
U+1F5B2 U+FE0F
TRACKBALL
💽
U+1F4BD
COMPUTER DISK
💾
U+1F4BE
FLOPPY DISK
Bedeutung: „Speichern“-Symbol
💿
U+1F4BF
OPTICAL DISK
📀
U+1F4C0
DVD
🧮
U+1F9EE
ABACUS
🎥
U+1F3A5
MOVIE CAMERA
🎞️
U+1F39E U+FE0F
FILM FRAMES
📽️
U+1F4FD U+FE0F
FILM PROJECTOR
🎬
U+1F3AC
CLAPPER BOARD
📺
U+1F4FA
TELEVISION
📷
U+1F4F7
CAMERA
📸
U+1F4F8
CAMERA WITH FLASH
📹
U+1F4F9
VIDEO CAMERA
📼
U+1F4FC
VIDEOCASSETTE
🔍
U+1F50D
MAGNIFYING GLASS TILTED LEFT
🔎
U+1F50E
MAGNIFYING GLASS TILTED RIGHT
🕯️
U+1F56F U+FE0F
CANDLE
💡
U+1F4A1
LIGHT BULB
Bedeutung: Idee, Erleuchtung
🔦
U+1F526
FLASHLIGHT
🏮
U+1F3EE
RED PAPER LANTERN
🪔
U+1FA94
DIYA LAMP

Die Kategorie Objects umfasst zusätzlich: Bücher & Schreibwaren (30+ Emojis), Geld (8 Emojis), Post (10 Emojis), Werkzeuge (40+ Emojis), Wissenschaft & Medizin (25+ Emojis), Haushalt (35+ Emojis) und weitere Unterkategorien…

Book-Paper (Bücher & Schreibwaren) – 30+ Emojis

📔
U+1F4D4
NOTEBOOK WITH DECORATIVE COVER
📕
U+1F4D5
CLOSED BOOK
📖
U+1F4D6
OPEN BOOK
📗
U+1F4D7
GREEN BOOK
📘
U+1F4D8
BLUE BOOK
📙
U+1F4D9
ORANGE BOOK
📚
U+1F4DA
BOOKS
📓
U+1F4D3
NOTEBOOK
📒
U+1F4D2
LEDGER
📃
U+1F4C3
PAGE WITH CURL
📜
U+1F4DC
SCROLL
📄
U+1F4C4
PAGE FACING UP
📰
U+1F4F0
NEWSPAPER
🗞️
U+1F5DE U+FE0F
ROLLED-UP NEWSPAPER
📑
U+1F4D1
BOOKMARK TABS
🔖
U+1F516
BOOKMARK
🏷️
U+1F3F7 U+FE0F
💰
U+1F4B0
MONEY BAG
🪙
U+1FA99
COIN
💴
U+1F4B4
YEN BANKNOTE
💵
U+1F4B5
DOLLAR BANKNOTE
💶
U+1F4B6
EURO BANKNOTE
💷
U+1F4B7
POUND BANKNOTE
💸
U+1F4B8
MONEY WITH WINGS
💳
U+1F4B3
CREDIT CARD
🧾
U+1F9FE
RECEIPT
💹
U+1F4B9
CHART INCREASING WITH YEN

Mail (Post & Nachrichten) – 12 Emojis

✉️
U+2709 U+FE0F
ENVELOPE
📧
U+1F4E7
E-MAIL
📨
U+1F4E8
INCOMING ENVELOPE
📩
U+1F4E9
ENVELOPE WITH ARROW
📤
U+1F4E4
OUTBOX TRAY
📥
U+1F4E5
INBOX TRAY
📦
U+1F4E6
PACKAGE
📫
U+1F4EB
CLOSED MAILBOX WITH RAISED FLAG
📪
U+1F4EA
CLOSED MAILBOX WITH LOWERED FLAG
📬
U+1F4EC
OPEN MAILBOX WITH RAISED FLAG
📭
U+1F4ED
OPEN MAILBOX WITH LOWERED FLAG
📮
U+1F4EE
POSTBOX
🗳️
U+1F5F3 U+FE0F
BALLOT BOX WITH BALLOT

Writing (Schreibwerkzeuge) – 15 Emojis

✏️
U+270F U+FE0F
PENCIL
✒️
U+2712 U+FE0F
BLACK NIB
🖋️
U+1F58B U+FE0F
FOUNTAIN PEN
🖊️
U+1F58A U+FE0F
PEN
🖌️
U+1F58C U+FE0F
PAINTBRUSH
🖍️
U+1F58D U+FE0F
CRAYON
📝
U+1F4DD
MEMO

Office (Büromaterial) – 20 Emojis

💼
U+1F4BC
BRIEFCASE
📁
U+1F4C1
FILE FOLDER
📂
U+1F4C2
OPEN FILE FOLDER
🗂️
U+1F5C2 U+FE0F
CARD INDEX DIVIDERS
📅
U+1F4C5
CALENDAR
📆
U+1F4C6
TEAR-OFF CALENDAR
🗒️
U+1F5D2 U+FE0F
SPIRAL NOTEPAD
🗓️
U+1F5D3 U+FE0F
SPIRAL CALENDAR
📇
U+1F4C7
CARD INDEX
📈
U+1F4C8
CHART INCREASING
📉
U+1F4C9
CHART DECREASING
📊
U+1F4CA
BAR CHART
📋
U+1F4CB
CLIPBOARD
📌
U+1F4CC
PUSHPIN
📍
U+1F4CD
ROUND PUSHPIN
📎
U+1F4CE
PAPERCLIP
🖇️
U+1F587 U+FE0F
LINKED PAPERCLIPS
📏
U+1F4CF
STRAIGHT RULER
📐
U+1F4D0
TRIANGULAR RULER
✂️
U+2702 U+FE0F
SCISSORS
🗃️
U+1F5C3 U+FE0F
CARD FILE BOX
🗄️
U+1F5C4 U+FE0F
FILE CABINET
🗑️
U+1F5D1 U+FE0F
WASTEBASKET

Lock (Sicherheit & Schlösser) – 10 Emojis

🔒
U+1F512
LOCKED
🔓
U+1F513
UNLOCKED
🔏
U+1F50F
LOCKED WITH PEN
🔐
U+1F510
LOCKED WITH KEY
🔑
U+1F511
KEY
🗝️
U+1F5DD U+FE0F
OLD KEY

Tool (Werkzeuge) – 30+ Emojis

🔨
U+1F528
HAMMER
🪓
U+1FA93
AXE
⛏️
U+26CF U+FE0F
PICK
⚒️
U+2692 U+FE0F
HAMMER AND PICK
🛠️
U+1F6E0 U+FE0F
HAMMER AND WRENCH
🗡️
U+1F5E1 U+FE0F
DAGGER
⚔️
U+2694 U+FE0F
CROSSED SWORDS
🔫
U+1F52B
WATER PISTOL
🪃
U+1FA83
BOOMERANG
🏹
U+1F3F9
BOW AND ARROW
🛡️
U+1F6E1 U+FE0F
SHIELD
🪚
U+1FA9A
CARPENTRY SAW
🔧
U+1F527
WRENCH
🪛
U+1FA9B
SCREWDRIVER
🔩
U+1F529
NUT AND BOLT
⚙️
U+2699 U+FE0F
GEAR
🗜️
U+1F5DC U+FE0F
CLAMP
⚖️
U+2696 U+FE0F
BALANCE SCALE
🦯
U+1F9AF
WHITE CANE
🔗
U+1F517
⛓️
U+26D3 U+FE0F
CHAINS
🪝
U+1FA9D
HOOK
🧰
U+1F9F0
TOOLBOX
🧲
U+1F9F2
MAGNET
🪜
U+1FA9C
LADDER

Science (Wissenschaft & Medizin) – 25+ Emojis

⚗️
U+2697 U+FE0F
ALEMBIC
🧪
U+1F9EA
TEST TUBE
🧫
U+1F9EB
PETRI DISH
🧬
U+1F9EC
DNA
🔬
U+1F52C
MICROSCOPE
🔭
U+1F52D
TELESCOPE
📡
U+1F4E1
SATELLITE ANTENNA
💉
U+1F489
SYRINGE
🩸
U+1FA78
DROP OF BLOOD
💊
U+1F48A
PILL
🩹
U+1FA79
ADHESIVE BANDAGE
🩼
U+1FA7C
CRUTCH
🩺
U+1FA7A
STETHOSCOPE
🩻
U+1FA7B
X-RAY

Household (Haushaltsgegenstände) – 35+ Emojis

🚪
U+1F6AA
DOOR
🛗
U+1F6D7
ELEVATOR
🪞
U+1FA9E
MIRROR
🪟
U+1FA9F
WINDOW
🛏️
U+1F6CF U+FE0F
BED
🛋️
U+1F6CB U+FE0F
COUCH AND LAMP
🪑
U+1FA91
CHAIR
🚽
U+1F6BD
TOILET
🪠
U+1FAA0
PLUNGER
🚿
U+1F6BF
SHOWER
🛁
U+1F6C1
BATHTUB
🪤
U+1FAA4
MOUSE TRAP
🪒
U+1FA92
RAZOR
🧴
U+1F9F4
LOTION BOTTLE
🧷
U+1F9F7
SAFETY PIN
🧹
U+1F9F9
BROOM
🧺
U+1F9FA
BASKET
🧻
U+1F9FB
ROLL OF PAPER
🪣
U+1FAA3
BUCKET
🧼
U+1F9FC
SOAP
🫧
U+1FAE7
BUBBLES
🪥
U+1FAA5
TOOTHBRUSH
🧽
U+1F9FD
SPONGE
🧯
U+1F9EF
FIRE EXTINGUISHER
🛒
U+1F6D2
SHOPPING CART

Other-Object (Sonstige Objekte) – 15 Emojis

🚬
U+1F6AC
CIGARETTE
⚰️
U+26B0 U+FE0F
COFFIN
🪦
U+1FAA6
HEADSTONE
⚱️
U+26B1 U+FE0F
FUNERAL URN
🗿
U+1F5FF
MOAI
🪧
U+1FAA7
PLACARD
🪪
U+1FAAA
IDENTIFICATION CARD

Kategorie 9: Symbols (Symbole)

Diese Kategorie enthält 220+ Emojis mit Verkehrszeichen, Pfeilen, Herzen, mathematischen Symbolen, geometrischen Formen und mehr.

Transport-Sign (Verkehrszeichen) – 15+ Emojis

🏧
U+1F3E7
ATM SIGN
🚮
U+1F6AE
LITTER IN BIN SIGN
🚰
U+1F6B0
POTABLE WATER
U+267F
WHEELCHAIR SYMBOL
🚹
U+1F6B9
MEN’S ROOM
🚺
U+1F6BA
WOMEN’S ROOM
🚻
U+1F6BB
RESTROOM
🚼
U+1F6BC
BABY SYMBOL
🚾
U+1F6BE
WATER CLOSET
🛂
U+1F6C2
PASSPORT CONTROL
🛃
U+1F6C3
CUSTOMS
🛄
U+1F6C4
BAGGAGE CLAIM
🛅
U+1F6C5
LEFT LUGGAGE

Warning (Warnzeichen) – 15 Emojis

⚠️
U+26A0 U+FE0F
WARNING
Popularität: Standard-Warnsymbol
🚸
U+1F6B8
CHILDREN CROSSING
U+26D4
NO ENTRY
🚫
U+1F6AB
PROHIBITED
🚳
U+1F6B3
NO BICYCLES
🚭
U+1F6AD
NO SMOKING
🚯
U+1F6AF
NO LITTERING
🚱
U+1F6B1
NON-POTABLE WATER
🚷
U+1F6B7
NO PEDESTRIANS
📵
U+1F4F5
NO MOBILE PHONES
🔞
U+1F51E
NO ONE UNDER EIGHTEEN
☢️
U+2622 U+FE0F
RADIOACTIVE
☣️
U+2623 U+FE0F
BIOHAZARD

Arrow (Pfeile) – 30+ Emojis

⬆️
U+2B06 U+FE0F
UP ARROW
↗️
U+2197 U+FE0F
UP-RIGHT ARROW
➡️
U+27A1 U+FE0F
RIGHT ARROW
↘️
U+2198 U+FE0F
DOWN-RIGHT ARROW
⬇️
U+2B07 U+FE0F
DOWN ARROW
↙️
U+2199 U+FE0F
DOWN-LEFT ARROW
⬅️
U+2B05 U+FE0F
LEFT ARROW
↖️
U+2196 U+FE0F
UP-LEFT ARROW
↕️
U+2195 U+FE0F
UP-DOWN ARROW
↔️
U+2194 U+FE0F
LEFT-RIGHT ARROW
↩️
U+21A9 U+FE0F
RIGHT ARROW CURVING LEFT
↪️
U+21AA U+FE0F
LEFT ARROW CURVING RIGHT
⤴️
U+2934 U+FE0F
RIGHT ARROW CURVING UP
⤵️
U+2935 U+FE0F
RIGHT ARROW CURVING DOWN
🔃
U+1F503
CLOCKWISE VERTICAL ARROWS
🔄
U+1F504
COUNTERCLOCKWISE ARROWS BUTTON
🔙
U+1F519
BACK ARROW
🔚
U+1F51A
END ARROW
🔛
U+1F51B
ON! ARROW
🔜
U+1F51C
SOON ARROW
🔝
U+1F51D
TOP ARROW

Math (Mathematische Symbole) – 12 Emojis

🔢
U+1F522
INPUT NUMBERS
🔣
U+1F523
INPUT SYMBOLS
⬆️
U+2B06 U+FE0F
UP ARROW
⬇️
U+2B07 U+FE0F
DOWN ARROW
⬅️
U+2B05 U+FE0F
LEFT ARROW
➡️
U+27A1 U+FE0F
RIGHT ARROW
🔤
U+1F524
INPUT LATIN LETTERS
🔡
U+1F521
INPUT LATIN LOWERCASE
🔠
U+1F520
INPUT LATIN UPPERCASE
🔟
U+1F51F
KEYCAP: 10
💲
U+1F4B2
HEAVY DOLLAR SIGN
💱
U+1F4B1
CURRENCY EXCHANGE

Religion (Religiöse Symbole) – 12 Emojis

🔯
U+1F52F
DOTTED SIX-POINTED STAR
✡️
U+2721 U+FE0F
STAR OF DAVID
☸️
U+2638 U+FE0F
WHEEL OF DHARMA
☯️
U+262F U+FE0F
YIN YANG
✝️
U+271D U+FE0F
LATIN CROSS
☦️
U+2626 U+FE0F
ORTHODOX CROSS
☪️
U+262A U+FE0F
STAR AND CRESCENT
☮️
U+262E U+FE0F
PEACE SYMBOL
🕎
U+1F54E
MENORAH
🔱
U+1F531
TRIDENT EMBLEM
🪯
U+1FAAF
KHANDA

Zodiac (Tierkreiszeichen) – 13 Emojis

U+2648
ARIES
U+2649
TAURUS
U+264A
GEMINI
U+264B
CANCER
U+264C
LEO
U+264D
VIRGO
U+264E
LIBRA
U+264F
SCORPIO
U+2650
SAGITTARIUS
U+2651
CAPRICORN
U+2652
AQUARIUS
U+2653
PISCES
U+26CE
OPHIUCHUS

AV-Symbol (Audio/Video Symbole) – 25 Emojis

🔀
U+1F500
SHUFFLE TRACKS BUTTON
🔁
U+1F501
REPEAT BUTTON
🔂
U+1F502
REPEAT SINGLE BUTTON
▶️
U+25B6 U+FE0F
PLAY BUTTON
U+23E9
FAST-FORWARD BUTTON
⏭️
U+23ED U+FE0F
NEXT TRACK BUTTON
⏯️
U+23EF U+FE0F
PLAY OR PAUSE BUTTON
◀️
U+25C0 U+FE0F
REVERSE BUTTON
U+23EA
FAST REVERSE BUTTON
⏮️
U+23EE U+FE0F
LAST TRACK BUTTON
🔼
U+1F53C
UPWARDS BUTTON
U+23EB
FAST UP BUTTON
🔽
U+1F53D
DOWNWARDS BUTTON
U+23EC
FAST DOWN BUTTON
⏸️
U+23F8 U+FE0F
PAUSE BUTTON
⏹️
U+23F9 U+FE0F
STOP BUTTON
⏺️
U+23FA U+FE0F
RECORD BUTTON
⏏️
U+23CF U+FE0F
EJECT BUTTON
🎦
U+1F3A6
CINEMA
🔅
U+1F505
DIM BUTTON
🔆
U+1F506
BRIGHT BUTTON
📶
U+1F4F6
ANTENNA BARS
📳
U+1F4F3
VIBRATION MODE
📴
U+1F4F4
MOBILE PHONE OFF

Gender (Geschlechts-Symbole) – 5 Emojis

♀️
U+2640 U+FE0F
FEMALE SIGN
♂️
U+2642 U+FE0F
MALE SIGN
⚧️
U+26A7 U+FE0F
TRANSGENDER SYMBOL

Punctuation (Satzzeichen & Symbole) – 15 Emojis

✖️
U+2716 U+FE0F
MULTIPLY
U+2795
PLUS
U+2796
MINUS
U+2797
DIVIDE
🟰
U+1F7F0
HEAVY EQUALS SIGN
♾️
U+267E U+FE0F
INFINITY
‼️
U+203C U+FE0F
DOUBLE EXCLAMATION MARK
⁉️
U+2049 U+FE0F
EXCLAMATION QUESTION MARK
U+2753
QUESTION MARK
U+2754
WHITE QUESTION MARK
U+2755
WHITE EXCLAMATION MARK
U+2757
EXCLAMATION MARK
〰️
U+3030 U+FE0F
WAVY DASH

Other-Symbol (Weitere Symbole) – 30+ Emojis

💯
U+1F4AF
HUNDRED POINTS
Popularität: Top 50 weltweit
🔘
U+1F518
RADIO BUTTON
🔱
U+1F531
TRIDENT EMBLEM
⚜️
U+269C U+FE0F
FLEUR-DE-LIS
🔰
U+1F530
JAPANESE SYMBOL FOR BEGINNER
U+2B55
HOLLOW RED CIRCLE
U+2705
CHECK MARK BUTTON
☑️
U+2611 U+FE0F
CHECK BOX WITH CHECK
✔️
U+2714 U+FE0F
CHECK MARK
U+274C
CROSS MARK
U+274E
CROSS MARK BUTTON
U+27B0
CURLY LOOP
U+27BF
DOUBLE CURLY LOOP
〽️
U+303D U+FE0F
PART ALTERNATION MARK
✳️
U+2733 U+FE0F
EIGHT-SPOKED ASTERISK
✴️
U+2734 U+FE0F
EIGHT-POINTED STAR
❇️
U+2747 U+FE0F
SPARKLE
©️
U+00A9 U+FE0F
COPYRIGHT
®️
U+00AE U+FE0F
REGISTERED
™️
U+2122 U+FE0F
TRADE MARK

Keycap (Tastenfeld-Symbole) – 12 Emojis

#️⃣
U+0023 U+FE0F U+20E3
KEYCAP NUMBER SIGN
*️⃣
U+002A U+FE0F U+20E3
KEYCAP ASTERISK
0️⃣
U+0030 U+FE0F U+20E3
KEYCAP DIGIT ZERO
1️⃣
U+0031 U+FE0F U+20E3
KEYCAP DIGIT ONE
2️⃣
U+0032 U+FE0F U+20E3
KEYCAP DIGIT TWO

Alphanum (Alphanumerische Symbole) – 30+ Emojis

🆎
U+1F18E
AB BUTTON (BLOOD TYPE)
🆑
U+1F191
CL BUTTON
🆒
U+1F192
COOL BUTTON
🆓
U+1F193
FREE BUTTON
ℹ️
U+2139 U+FE0F
INFORMATION
🆔
U+1F194
ID BUTTON
Ⓜ️
U+24C2 U+FE0F
CIRCLED M
🆕
U+1F195
NEW BUTTON
🆖
U+1F196
NG BUTTON
🅾️
U+1F17E U+FE0F
O BUTTON (BLOOD TYPE)
🆗
U+1F197
OK BUTTON
🅿️
U+1F17F U+FE0F
P BUTTON
🆘
U+1F198
SOS BUTTON
🆙
U+1F199
UP! BUTTON
🆚
U+1F19A
VS BUTTON
🈁
U+1F201
JAPANESE „HERE“ BUTTON
🈂️
U+1F202 U+FE0F
JAPANESE „SERVICE CHARGE“ BUTTON
🈷️
U+1F237 U+FE0F
JAPANESE „MONTHLY AMOUNT“ BUTTON
🈶
U+1F236
JAPANESE „NOT FREE OF CHARGE“ BUTTON
🈯
U+1F22F
JAPANESE „RESERVED“ BUTTON
🉐
U+1F250
JAPANESE „BARGAIN“ BUTTON
🈹
U+1F239
JAPANESE „DISCOUNT“ BUTTON
🈚
U+1F21A
JAPANESE „FREE OF CHARGE“ BUTTON
🈲
U+1F232
JAPANESE „PROHIBITED“ BUTTON
🉑
U+1F251
JAPANESE „ACCEPTABLE“ BUTTON
🈸
U+1F238
JAPANESE „APPLICATION“ BUTTON
🈴
U+1F234
JAPANESE „PASSING GRADE“ BUTTON
🈳
U+1F233
JAPANESE „VACANCY“ BUTTON
㊗️
U+3297 U+FE0F
JAPANESE „CONGRATULATIONS“ BUTTON
㊙️
U+3299 U+FE0F
JAPANESE „SECRET“ BUTTON
🈺
U+1F23A
JAPANESE „OPEN FOR BUSINESS“ BUTTON
🈵
U+1F235
JAPANESE „NO VACANCY“ BUTTON

Geometric (Geometrische Formen) – 35+ Emojis

🔴
U+1F534
RED CIRCLE
🟠
U+1F7E0
ORANGE CIRCLE
🟡
U+1F7E1
YELLOW CIRCLE
🟢
U+1F7E2
GREEN CIRCLE
🔵
U+1F535
BLUE CIRCLE
🟣
U+1F7E3
PURPLE CIRCLE
🟤
U+1F7E4
BROWN CIRCLE
U+26AB
BLACK CIRCLE
U+26AA
WHITE CIRCLE
🟥
U+1F7E5
RED SQUARE
🟧
U+1F7E7
ORANGE SQUARE
🟨
U+1F7E8
YELLOW SQUARE
🟩
U+1F7E9
GREEN SQUARE
🟦
U+1F7E6
BLUE SQUARE
🟪
U+1F7EA
PURPLE SQUARE
🟫
U+1F7EB
BROWN SQUARE
U+2B1B
BLACK LARGE SQUARE
U+2B1C
WHITE LARGE SQUARE
◼️
U+25FC U+FE0F
BLACK MEDIUM SQUARE
◻️
U+25FB U+FE0F
WHITE MEDIUM SQUARE
U+25FE
BLACK MEDIUM-SMALL SQUARE
U+25FD
WHITE MEDIUM-SMALL SQUARE
▪️
U+25AA U+FE0F
BLACK SMALL SQUARE
▫️
U+25AB U+FE0F
WHITE SMALL SQUARE
🔶
U+1F536
LARGE ORANGE DIAMOND
🔷
U+1F537
LARGE BLUE DIAMOND
🔸
U+1F538
SMALL ORANGE DIAMOND
🔹
U+1F539
SMALL BLUE DIAMOND
🔺
U+1F53A
RED TRIANGLE POINTED UP
🔻
U+1F53B
RED TRIANGLE POINTED DOWN
💠
U+1F4A0
DIAMOND WITH A DOT
🔘
U+1F518
RADIO BUTTON
🔳
U+1F533
WHITE SQUARE BUTTON
🔲
U+1F532
BLACK SQUARE BUTTON

Kategorie 10: Flags (Flaggen)

Die letzte Kategorie enthält 269 Flaggen-Emojis: Länderflaggen, Regionalflaggen und spezielle Flaggen.

Technische Details: Flaggen-Emojis

🏳️ Flag-Spezifikationen

  • Länderflaggen: 257 Emojis (ISO 3166-1 alpha-2 Codes)
  • Technischer Aufbau: Kombination von Regional Indicator Symbols
  • Code-Prinzip: 🇩 (U+1F1E9) + 🇪 (U+1F1EA) = 🇩🇪 (Deutschland)
  • Komplexität: 2 Code Points pro Länderflagge
  • Spezialflaggen: 12 zusätzliche Flaggen (Piraten, Regenbogen, etc.)

Flag (Spezielle Flaggen) – 12 Emojis

🏁
U+1F3C1
CHEQUERED FLAG
Bedeutung: Rennsport, Ziel erreicht
🚩
U+1F6A9
TRIANGULAR FLAG
🎌
U+1F38C
CROSSED FLAGS
🏴
U+1F3F4
BLACK FLAG
🏳️
U+1F3F3 U+FE0F
WHITE FLAG
🏳️‍🌈
U+1F3F3 U+FE0F U+200D U+1F308
RAINBOW FLAG
ZWJ-Sequence: 4 Code Points
Symbol: LGBTQ+ Pride
🏳️‍⚧️
U+1F3F3 U+FE0F U+200D U+26A7 U+FE0F
TRANSGENDER FLAG
Einführung: Unicode 13.0 (2020)
🏴‍☠️
U+1F3F4 U+200D U+2620 U+FE0F
PIRATE FLAG
ZWJ-Sequence: 4 Code Points

Country-Flag (Länderflaggen) – 257 Emojis

🇩🇪
U+1F1E9 U+1F1EA
FLAG: GERMANY
ISO-Code: DE
Komponenten: 🇩 + 🇪
🇺🇸
U+1F1FA U+1F1F8
FLAG: UNITED STATES
ISO-Code: US
🇬🇧
U+1F1EC U+1F1E7
FLAG: UNITED KINGDOM
ISO-Code: GB
🇫🇷
U+1F1EB U+1F1F7
FLAG: FRANCE
🇪🇸
U+1F1EA U+1F1F8
FLAG: SPAIN
🇮🇹
U+1F1EE U+1F1F9
FLAG: ITALY
🇯🇵
U+1F1EF U+1F1F5
FLAG: JAPAN
🇨🇳
U+1F1E8 U+1F1F3
FLAG: CHINA
🇰🇷
U+1F1F0 U+1F1F7
FLAG: SOUTH KOREA
🇧🇷
U+1F1E7 U+1F1F7
FLAG: BRAZIL
🇦🇺
U+1F1E6 U+1F1FA
FLAG: AUSTRALIA
🇨🇦
U+1F1E8 U+1F1E6
FLAG: CANADA
🇮🇳
U+1F1EE U+1F1F3
FLAG: INDIA
🇷🇺
U+1F1F7 U+1F1FA
FLAG: RUSSIA
🇲🇽
U+1F1F2 U+1F1FD
FLAG: MEXICO
🇦🇹
U+1F1E6 U+1F1F9
FLAG: AUSTRIA
🇨🇭
U+1F1E8 U+1F1ED
FLAG: SWITZERLAND
🇧🇪
U+1F1E7 U+1F1EA
FLAG: BELGIUM
🇳🇱
U+1F1F3 U+1F1F1
FLAG: NETHERLANDS
🇵🇱
U+1F1F5 U+1F1F1
FLAG: POLAND
🇨🇿
U+1F1E8 U+1F1FF
FLAG: CZECHIA
🇸🇪
U+1F1F8 U+1F1EA
FLAG: SWEDEN
🇳🇴
U+1F1F3 U+1F1F4
FLAG: NORWAY
🇩🇰
U+1F1E9 U+1F1F0
FLAG: DENMARK
🇫🇮
U+1F1EB U+1F1EE
FLAG: FINLAND
🇵🇹
U+1F1F5 U+1F1F9
FLAG: PORTUGAL
🇬🇷
U+1F1EC U+1F1F7
FLAG: GREECE
🇹🇷
U+1F1F9 U+1F1F7
FLAG: TURKEY
🇮🇱
U+1F1EE U+1F1F1
FLAG: ISRAEL
🇸🇦
U+1F1F8 U+1F1E6
FLAG: SAUDI ARABIA
🇦🇪
U+1F1E6 U+1F1EA
FLAG: UNITED ARAB EMIRATES
🇿🇦
U+1F1FF U+1F1E6
FLAG: SOUTH AFRICA
🇪🇬
U+1F1EA U+1F1EC
FLAG: EGYPT
🇳🇬
U+1F1F3 U+1F1EC
FLAG: NIGERIA
🇦🇷
U+1F1E6 U+1F1F7
FLAG: ARGENTINA
🇨🇱
U+1F1E8 U+1F1F1
FLAG: CHILE
🇨🇴
U+1F1E8 U+1F1F4
FLAG: COLOMBIA
🇳🇿
U+1F1F3 U+1F1FF
FLAG: NEW ZEALAND
🇸🇬
U+1F1F8 U+1F1EC
FLAG: SINGAPORE
🇹🇭
U+1F1F9 U+1F1ED
FLAG: THAILAND
🇻🇳
U+1F1FB U+1F1F3
FLAG: VIETNAM
🇵🇭
U+1F1F5 U+1F1ED
FLAG: PHILIPPINES
🇮🇩
U+1F1EE U+1F1E9
FLAG: INDONESIA
🇲🇾
U+1F1F2 U+1F1FE
FLAG: MALAYSIA
🇵🇰
U+1F1F5 U+1F1F0
FLAG: PAKISTAN
🇧🇩
U+1F1E7 U+1F1E9
FLAG: BANGLADESH
🇺🇦
U+1F1FA U+1F1E6
FLAG: UKRAINE
🇭🇺
U+1F1ED U+1F1FA
FLAG: HUNGARY
🇷🇴
U+1F1F7 U+1F1F4
FLAG: ROMANIA
🇮🇪
U+1F1EE U+1F1EA
FLAG: IRELAND
🇮🇸
U+1F1EE U+1F1F8
FLAG: ICELAND

Hinweis: Insgesamt gibt es 257 Länderflaggen (nach ISO 3166-1 alpha-2). Alle folgen dem gleichen Pattern: Zwei Regional Indicator Symbols kombiniert entsprechend dem Ländercode.

// Flaggen-Emoji aus ISO-Code generieren function getFlagEmoji(countryCode) { // ISO 3166-1 alpha-2 Code zu Unicode Flag const OFFSET = 127397; // U+1F1E6 – ‚A‘.codePointAt(0) const codePoints = countryCode .toUpperCase() .split() .map(char => char.codePointAt(0) + OFFSET); return String.fromCodePoint(…codePoints); } // Beispiele console.log(getFlagEmoji(‚DE‘)); // 🇩🇪 console.log(getFlagEmoji(‚US‘)); // 🇺🇸 console.log(getFlagEmoji(‚JP‘)); // 🇯🇵 console.log(getFlagEmoji(‚BR‘)); // 🇧🇷 // Rückwärts: Flagge zu ISO-Code function getCountryCode(flagEmoji) { const OFFSET = 127397; return […flagEmoji] .map(char => String.fromCodePoint(char.codePointAt(0) – OFFSET)) .join(); } console.log(getCountryCode(‚🇩🇪‘)); // „DE“ console.log(getCountryCode(‚🇺🇸‘)); // „US“

Subdivision-Flag (Regionalflaggen) – Beispiele

🏴󠁧󠁢󠁥󠁮󠁧󠁿
U+1F3F4 U+E0067 U+E0062 U+E0065 U+E006E U+E0067 U+E007F
FLAG: ENGLAND
Komplexität: 7 Code Points!
Subdivision-Code: GB-ENG
🏴󠁧󠁢󠁳󠁣󠁴󠁿
U+1F3F4 U+E0067 U+E0062 U+E0073 U+E0063 U+E0074 U+E007F
FLAG: SCOTLAND
🏴󠁧󠁢󠁷󠁬󠁳󠁿
U+1F3F4 U+E0067 U+E0062 U+E0077 U+E006C U+E0073 U+E007F
FLAG: WALES

🎉 Vollständige Emoji-Kategorisierung abgeschlossen!

Diese dreiteilige Dokumentation deckt nun alle 10 offiziellen Unicode-Emoji-Kategorien ab mit über 1.000 detailliert beschriebenen Emojis inklusive technischer Spezifikationen, Code-Beispielen und Best Practices.

Zusammenfassung der Kategorien:

  • ✅ Kategorie 1: Smileys & Emotion (168 Emojis)
  • ✅ Kategorie 2: People & Body (2.890 Emojis inkl. Varianten)
  • ✅ Kategorie 3: Component (9 Emojis)
  • ✅ Kategorie 4: Animals & Nature (157 Emojis)
  • ✅ Kategorie 5: Food & Drink (135 Emojis)
  • ✅ Kategorie 6: Travel & Places (220+ Emojis)
  • ✅ Kategorie 7: Activities (91 Emojis)
  • ✅ Kategorie 8: Objects (264 Emojis)
  • ✅ Kategorie 9: Symbols (220+ Emojis)
  • ✅ Kategorie 10: Flags (269 Emojis)

Gesamt: 3.664 Emojis in Unicode 15.1 dokumentiert!

Zusammenfassung: Vollständige Emoji-Kategorisierung für Entwickler

Mit dieser umfassenden Dokumentation haben Webentwickler nun eine vollständige technische Referenz aller Unicode-Emoji-Kategorien. Von den grundlegenden Smileys über komplexe ZWJ-Sequences bei Menschen-Emojis bis hin zu den technisch anspruchsvollen Flaggen-Kombinationen – jede Kategorie wurde mit Code-Beispielen, Best Practices und wichtigen Implementierungs-Hinweisen versehen.

🎯 Key Learnings für Production-Ready Emoji-Implementation

  • UTF-8 Encoding ist absolut essentiell – IMMER im HTML-Head deklarieren
  • MySQL/MariaDB benötigen utf8mb4, nicht standard utf8
  • JavaScript .length zählt Code Units, nicht Zeichen – Array.from() verwenden
  • ZWJ-Sequences können bis zu 7 Code Points enthalten (z.B. Regionalflaggen)
  • Skin-Tone-Modifiers sind separate Code Points, keine eigenständigen Emojis
  • Barrierefreiheit erfordert aria-label für funktionale Emojis
  • Browser-Rendering variiert erheblich zwischen Plattformen
  • Performance: Emoji-Regex cachen, keine Loops ohne Optimization
  • SEO: Maximal 1-2 Emojis pro Meta-Tag für beste Ergebnisse
  • Flaggen-Emojis = 2 Regional Indicator Symbols kombiniert
// Final: Vollständiger Emoji-Utility für Production Use class EmojiUtils { static SKIN_TONES = { light: ‚\u{1F3FB}‘, mediumLight: ‚\u{1F3FC}‘, medium: ‚\u{1F3FD}‘, mediumDark: ‚\u{1F3FE}‘, dark: ‚\u{1F3FF}‘ }; static getLength(text) { return […new Intl.Segmenter(‚en‘, { granularity: ‚grapheme‘ }).segment(text)].length; } static applySkinTone(emoji, tone) { return emoji + (this.SKIN_TONES[tone] || ); } static getFlagFromCode(code) { const OFFSET = 127397; const codePoints = code .toUpperCase() .split() .map(c => c.codePointAt(0) + OFFSET); return String.fromCodePoint(…codePoints); } static extractEmojis(text) { const emojiRegex = /\p{Emoji_Presentation}|\p{Extended_Pictographic}/gu; return text.match(emojiRegex) || []; } static removeEmojis(text) { const emojiRegex = /\p{Emoji_Presentation}|\p{Extended_Pictographic}/gu; return text.replace(emojiRegex, ); } } // Verwendungsbeispiele console.log(EmojiUtils.getLength(„Hello 👋🏽 World“)); // 14 console.log(EmojiUtils.applySkinTone(‚👋‘, ‚dark‘)); // 👋🏿 console.log(EmojiUtils.getFlagFromCode(‚DE‘)); // 🇩🇪 console.log(EmojiUtils.extractEmojis(„I ❤️ coding! 💻🚀“)); // [‚❤️‘, ‚💻‘, ‚🚀‘]

Diese vollständige Emoji-Referenz bildet die Grundlage für professionelle, barrierefreie und performante Emoji-Implementationen in modernen Webprojekten. Von einfachen Smiley-Faces bis hin zu komplexen ZWJ-Sequences – Entwickler haben nun das komplette technische Wissen zur Hand.

Emojis in HTML: Technische Grundlagen für Webentwickler

Die Integration von Emojis in Webprojekte erscheint auf den ersten Blick trivial – einfach kopieren und einfügen, fertig. Doch die Realität ist weitaus komplexer: Cross-Browser-Kompatibilität, Unicode-Versionen, Rendering-Inkonsistenzen, Barrierefreiheit und Performance-Überlegungen machen Emojis zu einer technischen Herausforderung. Während moderne Browser über 99 Prozent der offiziellen Unicode-Emojis unterstützen, variiert die visuelle Darstellung erheblich zwischen Plattformen. Ein Emoji, das auf einem iPhone perfekt aussieht, kann auf einem Android-Gerät völlig anders wirken – oder im schlimmsten Fall als leeres Quadrat erscheinen.

Für professionelle Webentwickler ist es daher unerlässlich, die technischen Grundlagen zu verstehen: Wie funktioniert Unicode? Welche HTML-Entities gibt es? Wie implementiert man Fallbacks? Und wie optimiert man die Performance bei emoji-lastigen Anwendungen? Dieser Guide beantwortet all diese Fragen mit praxisnahen Code-Beispielen und Best Practices.

3.664
Offizielle Unicode-Emojis in Version 15.1 (2025)
99.2%
Browser-Support für Unicode 15.0+ Emojis
4 Bytes
Durchschnittliche Größe eines Emoji in UTF-8
150+
Neue Emojis jährlich durch Unicode Consortium

Unicode und Character Encoding: Die technische Basis

Emojis sind Teil des Unicode-Standards, einem universellen Zeichenkodierungssystem, das über 149.000 Zeichen aus allen Schriftsystemen der Welt umfasst. Der Unicode-Standard weist jedem Zeichen einen eindeutigen Code Point zu – eine Nummer im Format U+XXXX (hexadezimal). Für Emojis liegen diese Code Points primär in den Bereichen U+1F300 bis U+1F9FF sowie einigen erweiterten Bereichen.

UTF-8 Encoding: Warum es für Emojis entscheidend ist

UTF-8 ist das dominante Character Encoding im Web und wird von über 98 Prozent aller Websites verwendet. Es ist eine variable Längen-Kodierung, die zwischen 1 und 4 Bytes pro Zeichen verwendet. Die meisten Emojis benötigen 4 Bytes in UTF-8, was wichtige Implikationen für String-Längen, Datenbank-Speicherung und Performance hat.

<!– Korrekte UTF-8 Deklaration im HTML-Dokument –> <!DOCTYPE html> <html lang=„de“> <head> <!– CRITICAL: UTF-8 Encoding MUSS deklariert werden –> <meta charset=„UTF-8“> <title>Emoji-Integration</title> </head> <body> <!– Direktes Emoji ohne Encoding-Probleme –> <p>Willkommen auf unserer Website! 👋</p> </body> </html>

⚠️ Häufiger Entwickler-Fehler: Fehlende UTF-8 Deklaration

Wenn das <meta charset="UTF-8"> Tag fehlt oder nach anderen Content-Tags platziert wird, können Emojis als Fragezeichen (�) oder leere Quadrate (□) dargestellt werden. Die Charset-Deklaration MUSS innerhalb der ersten 1024 Bytes des HTML-Dokuments erscheinen, idealerweise als erstes Element im HEAD-Bereich.

Unicode Code Points: Die Anatomie eines Emojis

Jedes Emoji hat einen eindeutigen Unicode Code Point. Hier sind die wichtigsten Notationsformen, die Sie als Entwickler kennen sollten:

😀
U+1F600
GRINNING FACE
HTML Entity: &#128512;
JavaScript: "\u{1F600}"
CSS: content: "\1F600";
❤️
U+2764 U+FE0F
RED HEART (with Variation Selector)
HTML Entity: &#10084;&#65039;
JavaScript: "\u2764\uFE0F"
Bytes: 6 Bytes in UTF-8
👨‍💻
U+1F468 U+200D U+1F4BB
MAN TECHNOLOGIST (ZWJ Sequence)
Komponenten: Mann + ZWJ + Laptop
JavaScript: "\u{1F468}\u200D\u{1F4BB}"
Komplexität: 3 Code Points
👋🏽
U+1F44B U+1F3FD
WAVING HAND (Medium Skin Tone)
Komponenten: Hand + Skin Modifier
HTML: &#128075;&#127997;
Modifier-Range: U+1F3FB bis U+1F3FF

HTML-Implementierung: Vier Methoden im Vergleich

Es gibt mehrere Möglichkeiten, Emojis in HTML zu integrieren. Jede Methode hat spezifische Vor- und Nachteile bezüglich Lesbarkeit, Wartbarkeit und Kompatibilität.

Methode 1: Direkte Unicode-Zeichen (Empfohlen)

Die einfachste und modernste Methode ist das direkte Einfügen von Emoji-Zeichen in den HTML-Code. Dies funktioniert problemlos, solange Ihr Editor und Server UTF-8 unterstützen.

✓ Best Practice

<p>Herzlich willkommen! 😊</p> <button>Gefällt mir! 👍</button> <h2>Unsere Leistungen 🚀</h2>

Vorteile:

  • Maximale Lesbarkeit im Source Code
  • Keine Konvertierung notwendig
  • Kleinste Dateigröße
  • IDE-Unterstützung mit Vorschau

✗ Veraltete Methode

<!– Vermeiden: Image-basierte Emojis –> <p>Willkommen! <img src=„smile.png“ alt=„Lächeln“> </p>

Nachteile:

  • HTTP-Request pro Emoji
  • Skalierungsprobleme
  • Wartungsaufwand
  • Schlechte Performance

Methode 2: HTML Numeric Character References

HTML Entities in dezimaler (&#XXXXX;) oder hexadezimaler (&#xXXXX;) Form bieten eine ASCII-sichere Alternative. Dies ist besonders nützlich in Legacy-Systemen oder wenn die Zeichenkodierung unsicher ist.

<!– Dezimale HTML Entities –> <p>Daumen hoch: &#128077;</p> <!– 👍 –> <p>Herz: &#10084;&#65039;</p> <!– ❤️ –> <!– Hexadezimale HTML Entities –> <p>Rakete: &#x1F680;</p> <!– 🚀 –> <p>Party: &#x1F389;</p> <!– 🎉 –>

💡 Wann HTML Entities verwenden?

HTML Entities sind ideal für:

  • E-Mail-Templates (manche Clients blocken UTF-8)
  • Legacy-Systeme mit unsicherer Encoding-Unterstützung
  • Automatisch generierter Content aus Datenbanken
  • Dokumentation, wo Emojis als Code sichtbar sein sollen

Methode 3: JavaScript Unicode Escapes

In JavaScript können Emojis mit Unicode Escape Sequences eingefügt werden. Moderne ES6+ Syntax mit geschweiften Klammern unterstützt alle Unicode Code Points direkt.

// ES6+ Syntax (empfohlen) – unterstützt alle Code Points const rocket = „\u{1F680}“; // 🚀 const party = „\u{1F389}“; // 🎉 // ES5 Syntax – nur für Code Points bis U+FFFF const heart = „\u2764\uFE0F“; // ❤️ // Surrogate Pairs für Code Points > U+FFFF const grin = „\uD83D\uDE00“; // 😀 (kompliziert!) // String.fromCodePoint (ES6) – lesbarste Variante const fire = String.fromCodePoint(0x1F525); // 🔥 // DOM-Manipulation document.getElementById(‚emoji-output‘).textContent = `Willkommen! ${rocket}`;

Methode 4: CSS Content Property

CSS erlaubt das Einfügen von Emojis über die content-Property in Pseudo-Elementen. Dies ist nützlich für dekorative Emojis, hat aber Barrierefreiheits-Implikationen.

/* Emoji als CSS Content */ .success-message::before { content: „\2705“; /* ✅ Checkmark */ margin-right: 8px; } .warning-message::before { content: „\26A0\FE0F“; /* ⚠️ Warning */ margin-right: 8px; } /* Emoji in CSS Variables */ :root { –emoji-rocket: „\1F680“; –emoji-star: „\2B50“; } .highlight::after { content: var(–emoji-star); }

⚠️ Barrierefreiheit-Warnung: CSS Content

Emojis in CSS content-Properties werden von den meisten Screenreadern NICHT vorgelesen. Verwenden Sie diese Methode nur für rein dekorative Emojis, die keine semantische Bedeutung haben. Für bedeutungstragende Emojis immer HTML mit entsprechendem aria-label verwenden.

Browser-Kompatibilität und Rendering-Unterschiede

Während moderne Browser nahezu alle Unicode-Emojis unterstützen, variiert die visuelle Darstellung erheblich zwischen Plattformen. Jeder Betriebssystem-Hersteller hat sein eigenes Emoji-Design entwickelt, was zu erheblichen Inkonsistenzen führen kann.

Browser-Support Matrix für Unicode 15.1 Emojis

Browser Version Unicode 15.1 Support Rendering Engine Bemerkungen
Chrome 120+ ✓ Vollständig Blink + Noto Color Emoji Beste Performance, konsistentes Rendering
Firefox 121+ ✓ Vollständig Gecko + Twemoji Verwendet Twitter Emoji-Design
Safari 17.2+ ✓ Vollständig WebKit + Apple Color Emoji Natives macOS/iOS Design
Edge 120+ ✓ Vollständig Blink + Segoe UI Emoji Windows 11 Design-System
Opera 105+ ✓ Vollständig Blink + Noto Color Emoji Identisch mit Chrome
Samsung Internet 23+ ✓ Vollständig Blink + Samsung Emoji Eigenes Emoji-Design
IE 11 11.0 ✗ Keine Trident Zeigt □ für neue Emojis

Plattform-spezifische Rendering-Unterschiede

Das gleiche Emoji kann auf verschiedenen Plattformen völlig unterschiedlich aussehen – teilweise mit drastisch verschiedenen emotionalen Konnotationen. Dies ist besonders wichtig für Brand-Kommunikation und UX-Design zu beachten.

🎨 Beispiel: Das „Grinsende Gesicht“ 😬

Apple iOS: Zeigt ein nervöses, verlegenes Grinsen mit zusammengebissenen Zähnen.

Google Android: Wirkt freundlicher und weniger angespannt.

Samsung: Erscheint fast als Lachen, weniger nervös.

Microsoft Windows: Sehr breites Grinsen, fast schon unheimlich wirkend.

Diese Unterschiede können zu Missverständnissen führen, wenn Sender und Empfänger verschiedene Plattformen nutzen!

Barrierefreiheit: Emojis für alle zugänglich machen

Barrierefreiheit ist bei der Emoji-Implementierung von entscheidender Bedeutung. Screenreader-Nutzer, Menschen mit Sehbehinderungen und Nutzer assistiver Technologien müssen Emojis verstehen können – doch die Standard-Implementation ist oft unzureichend.

Das Screenreader-Problem

Screenreader lesen den offiziellen Unicode-Namen des Emojis vor, der oft nicht mit der tatsächlichen Verwendung übereinstimmt. Das Emoji 💀 (SKULL) wird als „Totenkopf“ vorgelesen, während junge Nutzer es als „gestorben vor Lachen“ verwenden.

♿ Barrierefreie Emoji-Implementation

<!– FALSCH: Emoji ohne Kontext –> <button>❤️</button> <!– Screenreader: „Red Heart Button“ – unklar, was der Button tut! –> <!– RICHTIG: Emoji mit aria-label –> <button aria-label=„Gefällt mir“> <span aria-hidden=„true“>❤️</span> </button> <!– OPTIMAL: Emoji mit Text-Fallback –> <button aria-label=„Artikel mit Herz markieren“> <span aria-hidden=„true“>❤️</span> <span class=„sr-only“>Favorisieren</span> </button> <!– Dekoratives Emoji (keine semantische Bedeutung) –> <h2> <span aria-hidden=„true“>🎉</span> Großartige Neuigkeiten </h2>

♿ Best Practices für barrierefreie Emojis

  • Verwenden Sie aria-label: Geben Sie funktionalen Emojis eine klare Beschreibung
  • Setzen Sie aria-hidden="true": Bei rein dekorativen Emojis, um Screenreader-Clutter zu vermeiden
  • Maximal 1-3 Emojis pro Absatz: Zu viele Emojis führen zu endlosen Screenreader-Ansagen
  • Platzieren Sie Emojis am Satzende: Nicht mitten im Text, um Lesefluss zu erhalten
  • Bieten Sie Text-Alternativen: Wichtige Informationen nie NUR mit Emojis kommunizieren
  • Testen Sie mit Screenreadern: NVDA (Windows), JAWS (Windows), VoiceOver (macOS/iOS)

CSS für visuell verborgenen, aber screenreader-lesbaren Text

/* Standard Screen-Reader-Only Klasse */ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* Fokus-sichtbar für Tastatur-Navigation */ .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

Performance-Optimierung bei emoji-lastigen Websites

Obwohl Emojis nur wenige Bytes groß sind, können sie bei massiver Verwendung Performance-Probleme verursachen – besonders bei der String-Manipulation, Datenbank-Queries und Rendering.

Performance-Metriken und Best Practices

📊 String Length Probleme

4 ≠ 1

JavaScript’s .length zählt UTF-16 Code Units, nicht Zeichen. Das Emoji „👨‍💻“ hat .length === 5, aber ist visuell EIN Zeichen!

💾 Datenbank-Speicherung

utf8mb4

MySQL/MariaDB: Verwenden Sie utf8mb4 statt utf8! Standard-UTF8 in MySQL unterstützt nur 3 Bytes und schneidet Emojis ab.

🔍 Regex Performance

20x

Emoji-Regex-Patterns können bis zu 20x langsamer sein als einfache String-Operationen. Cachen Sie Ergebnisse wo möglich!

🎨 Rendering-Last

2-5ms

Farbige Emojis benötigen 2-5ms mehr Rendering-Zeit pro 1000 Zeichen verglichen mit Standard-Text.

JavaScript: Korrekte String-Länge mit Emojis

// FALSCH: Standard .length Property const text = „Hello 👋🏽 World“; console.log(text.length); // Output: 16 (falsch! Das Emoji zählt als 4 Code Units) // RICHTIG: Array.from für echte Zeichen-Zählung console.log(Array.from(text).length); // Output: 14 (korrekt!) // RICHTIG: Spread Operator (ES6+) console.log([…text].length); // Output: 14 // RICHTIG: Intl.Segmenter (moderne Browser) const segmenter = new Intl.Segmenter(‚de‘, { granularity: ‚grapheme‘ }); const segments = […segmenter.segment(text)]; console.log(segments.length); // Output: 14 (präziseste Methode) // Emoji extrahieren mit Regex const emojiRegex = /\p{Emoji}/gu; const emojis = text.match(emojiRegex); console.log(emojis); // Output: [‚👋‘, ‚🏽‘]

MySQL/MariaDB: Korrekte Emoji-Speicherung

— FALSCH: Standard UTF8 (nur 3 Bytes) — CREATE TABLE posts ( id INT PRIMARY KEY, content TEXT CHARACTER SET utf8 ); — Problem: Emojis werden als ??? gespeichert! — RICHTIG: UTF8MB4 (4 Bytes) — CREATE TABLE posts ( id INT PRIMARY KEY AUTO_INCREMENT, content TEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; — Bestehende Tabelle konvertieren — ALTER TABLE posts CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci; — Connection String in PHP — — mysqli_set_charset($conn, „utf8mb4“);

Fortgeschrittene Techniken: Emoji-Detection und -Manipulation

Für komplexe Anwendungen benötigen Sie oft die Fähigkeit, Emojis zu erkennen, zu extrahieren oder zu filtern. Hier sind professionelle JavaScript-Lösungen.

Vollständige Emoji-Detection mit Unicode Properties

/** * Moderne Emoji-Detection mit Unicode Property Escapes (ES2018+) * Unterstützt: Basis-Emojis, Skin-Tones, ZWJ-Sequences, Flags */ class EmojiDetector { constructor() { // Umfassendes Emoji-Pattern this.emojiPattern = /\p{Emoji_Presentation}|\p{Extended_Pictographic}/gu; } // Prüfen ob String Emojis enthält hasEmoji(text) { return this.emojiPattern.test(text); } // Alle Emojis extrahieren extractEmojis(text) { return text.match(this.emojiPattern) || []; } // Emojis entfernen removeEmojis(text) { return text.replace(this.emojiPattern, ); } // Emojis zählen (grapheme-aware) countEmojis(text) { const emojis = this.extractEmojis(text); return […new Intl.Segmenter(‚en‘, { granularity: ‚grapheme‘ }).segment(emojis.join())].length; } // Emojis durch Platzhalter ersetzen replaceEmojis(text, replacement = ‚[emoji]‘) { return text.replace(this.emojiPattern, replacement); } } // Verwendung const detector = new EmojiDetector(); const text = „Ich liebe Coding! 💻🚀 #developer“; console.log(detector.hasEmoji(text)); // true console.log(detector.extractEmojis(text)); // [‚💻‘, ‚🚀‘] console.log(detector.countEmojis(text)); // 2 console.log(detector.removeEmojis(text)); // „Ich liebe Coding! #developer“

Emoji-Fallback-System für ältere Browser

Für maximale Kompatibilität können Sie ein Fallback-System implementieren, das Emojis durch Bilder ersetzt, wenn der Browser sie nicht unterstützt.

/** * Intelligentes Emoji-Fallback-System * Ersetzt nicht-unterstützte Emojis durch PNG/SVG-Bilder */ class EmojiFallback { constructor(options = {}) { this.cdnBase = options.cdnBase || ‚https://cdn.jsdelivr.net/npm/twemoji@latest/assets/72×72/‘; this.format = options.format || ‚png‘; } // Browser-Support prüfen supportsEmoji(emoji) { const canvas = document.createElement(‚canvas‘); const ctx = canvas.getContext(‚2d‘); ctx.fillText(emoji, 0, 0); return ctx.getImageData(0, 0, 1, 1).data[3] !== 0; } // Code Point zu Hex-String emojiToHex(emoji) { return […emoji] .map(char => char.codePointAt(0).toString(16)) .join(‚-‚); } // Emoji zu Bild-URL getImageUrl(emoji) { const hex = this.emojiToHex(emoji); return `${this.cdnBase}${hex}.${this.format}`; } // Element mit Fallback verarbeiten async process(element) { const text = element.textContent; const emojiRegex = /\p{Emoji_Presentation}/gu; let replaced = text; const emojis = text.match(emojiRegex) || []; for (const emoji of emojis) { if (!this.supportsEmoji(emoji)) { const img = `<img src=“${this.getImageUrl(emoji)}“ alt=“${emoji}“ class=“emoji-fallback“ style=“width:1.2em;height:1.2em;vertical-align:middle“>`; replaced = replaced.replace(emoji, img); } } element.innerHTML = replaced; } } // Verwendung const fallback = new EmojiFallback(); document.querySelectorAll(‚.emoji-content‘) .forEach(el => fallback.process(el));

SEO-Optimierung mit Emojis

Emojis in HTML können Ihre SEO positiv oder negativ beeinflussen, abhängig von der Implementierung. Suchmaschinen wie Google indexieren Emojis und können sie in Snippets anzeigen – aber es gibt wichtige Best Practices zu beachten.

✅ SEO-Vorteile durch Emojis

  • Höhere CTR: Meta-Descriptions mit Emojis erzielen 15-20% höhere Click-Through-Rates
  • Visuelle Aufmerksamkeit: Emojis in Titles stechen in SERPs heraus
  • Mobile Optimierung: Emojis sind auf mobilen Geräten besonders effektiv
  • Strukturierte Daten: Emojis in Schema.org Markup möglich

Emojis in Meta-Tags: Code-Beispiele

<!– SEO-optimierte Meta-Tags mit Emojis –> <head> <meta charset=„UTF-8“> <!– Title-Tag: Emoji am Anfang für Aufmerksamkeit –> <title>🚀 Webentwicklung 2025 | Moderne HTML5-Techniken</title> <!– Meta Description mit strategischen Emojis –> <meta name=„description“ content=„✓ Semantic HTML ✓ Performance ✓ A11y | Kompletter Guide für moderne Webentwickler 2025“> <!– Open Graph Tags mit Emojis –> <meta property=„og:title“ content=„💻 HTML5 Masterclass | Code wie die Profis“> <meta property=„og:description“ content=„Von Basics bis Advanced 🎯 50+ Beispiele“> <!– Twitter Cards –> <meta name=„twitter:title“ content=„🔥 HTML-Guide 2025“> </head>

⚠️ SEO-Risiken bei Emoji-Übernutzung

Google-Filterung: Google kann Emojis aus Snippets entfernen, wenn sie als Spam erkannt werden.

Branding-Inkonsistenz: Unterschiedliche Emoji-Darstellung auf verschiedenen Geräten verwässert Brand Identity.

Keyword-Dilution: Zu viele Emojis verdrängen wichtige Keywords aus Meta-Descriptions.

Empfehlung: Maximal 1-2 Emojis pro Meta-Tag, strategisch platziert, relevant zum Content.

Zukunft: Was kommt bei Emojis und Web-Standards?

Die Emoji-Landschaft entwickelt sich rasant weiter. Für Webentwickler ist es wichtig, kommende Entwicklungen im Blick zu behalten, um zukunftssichere Implementierungen zu erstellen.

Unicode 16.0 (September 2026)

Erwartete Neuerungen: Über 150 neue Emojis, verbesserte Skin-Tone-Modifiers, erweiterte Flaggen-Unterstützung und neue Symbol-Kategorien für Nachhaltigkeit und Technologie.

CSS Custom Emoji Rendering (Experimentell)

W3C arbeitet an Standards für benutzerdefinierte Emoji-Fonts über CSS, die konsistentes Cross-Platform-Rendering ermöglichen sollen.

WebAssembly Emoji-Libraries

Hochperformante WASM-basierte Emoji-Processing-Libraries werden zur Norm für emoji-intensive Applikationen.

Improved Accessibility APIs

Neue ARIA-Attributes speziell für Emojis sollen präzisere Screenreader-Unterstützung ermöglichen.

Praxis-Checkliste: Emoji-Implementation Review

✅ Pre-Launch Checklist für Emoji-Features

  • UTF-8 Encoding: Charset im HTML-Head und Server-Konfiguration geprüft
  • Datenbank: utf8mb4 Character Set in MySQL/MariaDB konfiguriert
  • Browser-Testing: Chrome, Firefox, Safari, Edge auf Windows, macOS, iOS, Android getestet
  • Barrierefreiheit: ARIA-Labels für funktionale Emojis, aria-hidden für dekorative
  • Performance: String-Längen korrekt berechnet, keine Emoji-Regex-Loops ohne Caching
  • SEO: Meta-Tags mit max. 2 Emojis, relevante Keyword-Platzierung erhalten
  • Fallbacks: Graceful Degradation für IE11 und ältere Browser implementiert
  • Security: Emoji-Input sanitisiert gegen XSS in User-Generated-Content
  • Responsive: Emoji-Größen auf mobilen Geräten getestet (touch-targets mind. 44x44px)
  • I18n: Kulturelle Emoji-Bedeutungen für Zielmärkte geprüft

Zusammenfassung: Emojis professionell in HTML integrieren

Die korrekte Implementation von Emojis in HTML erfordert mehr technisches Know-how, als auf den ersten Blick ersichtlich. Von Unicode-Grundlagen über Character Encoding, Browser-Kompatibilität, Barrierefreiheit bis hin zu Performance-Optimierung – jeder Aspekt hat seine Fallstricke und Best Practices.

Die wichtigsten Erkenntnisse für professionelle Webentwickler:

🎯 Key Takeaways

  • Verwenden Sie immer UTF-8 Encoding und deklarieren Sie es explizit im HTML-Head
  • Direkte Unicode-Zeichen sind die beste Methode für moderne Projekte
  • MySQL/MariaDB erfordern utf8mb4, nicht standard utf8
  • Implementieren Sie ARIA-Labels für funktionale Emojis
  • Verwenden Sie Array.from() oder Spread-Operator für korrekte String-Längen
  • Testen Sie auf mindestens 4 verschiedenen Plattformen (iOS, Android, Windows, macOS)
  • Setzen Sie Emojis in SEO strategisch ein (max. 1-2 pro Meta-Tag)
  • Implementieren Sie Fallbacks für ältere Browser bei kritischen Anwendungen
  • Cachen Sie Emoji-Regex-Operationen für bessere Performance
  • Bleiben Sie über Unicode-Updates informiert (neue Emojis jährlich)

📚 Weiterführende Ressourcen für Entwickler

Unicode.org: Offizielle Unicode-Dokumentation und Emoji-Charts

Emojipedia.org: Umfassende Emoji-Datenbank mit Versionshistorie

CanIUse.com: Browser-Kompatibilitätstabellen für Unicode-Features

MDN Web Docs: Technische Dokumentation zu Character Encoding in HTML/JS

WCAG 2.1: Accessibility Guidelines für Icon-Fonts und Emojis

Mit diesem fundierten technischen Verständnis können Sie Emojis professionell in Ihre Webprojekte integrieren – performant, barrierefrei und zukunftssicher. Die Emoji-Revolution im Web hat gerade erst begonnen, und als moderner Webentwickler sollten Sie die technischen Grundlagen beherrschen, um diese visuelle Sprache optimal zu nutzen.

Wichtige Fragen und Antworten zum Thema Emoji

Darf ich Emojis kopieren und einfügen? Rechtliche Nutzung von Emojis

Kurze Antwort: Ja, Unicode-Emojis dürfen frei kopiert und verwendet werden. Unicode-Zeichen sind öffentliche Standards ohne Urheberrechtsschutz.
Ausführliche Erklärung:
1. Unicode-Emojis sind frei nutzbar. Die Unicode-Zeichen selbst (z.B. U+1F600 für 😀) sind Teil eines internationalen, offenen Standards und unterliegen keinem Urheberrecht. Sie können:
Emojis beliebig kopieren und einfügen
In Texten, Websites, Apps verwenden
Für private und kommerzielle Zwecke nutzen
Ohne Lizenzgebühren einsetzen
2. Unterschied: Unicode-Zeichen vs. Emoji-Grafiken Wichtige Differenzierung:
Unicode-Zeichen (✓ frei): Das abstrakte Zeichen „lächelndes Gesicht“ ist frei nutzbar
Grafische Darstellung (⚠️ ggf. geschützt): Die spezifische Bilddarstellung von Apple, Google, Microsoft etc. kann urheberrechtlich geschützt sein
Beispiel:
Das Unicode-Zeichen 😀 kopieren → ✅ Erlaubt
Die Apple-PNG-Datei des 😀-Emojis herunterladen und weiterverbreiten → ⚠️ Nur mit Lizenz
3. Nutzung der Emojis auf unserer Seite Auf hypertext-markup-language.com gilt:
Alle Emojis dürfen frei kopiert werden (außer echte Grafiken!).
Download und Verwendung ausdrücklich erlaubt
Keine Registrierung oder Lizenz erforderlich
Private und kommerzielle Nutzung gestattet
Wir stellen die Unicode-Zeichen (Emojis) als Textzeichen bereit, nicht als proprietäre Grafiken. Sie können alle Emojis aus unserem Glossar kopieren, in Ihren Projekten verwenden und weitergeben.
4. Best Practices für die legale Emoji-Nutzung
Empfohlen:
Unicode-Emojis als Text-Zeichen verwenden (Copy & Paste)
System-Schriftarten für die Darstellung nutzen
UTF-8 Encoding verwenden
Emojis via Unicode-Code-Points einbinden
Vorsicht geboten:
Emoji-Bilddateien von Plattformen (Apple, Google, Twitter) nicht ohne Lizenz verwenden
Modifizierte Emoji-Grafiken können Markenrechte verletzen
Bei kommerzieller Nutzung von Emoji-Grafik-Sets Lizenzbedingungen prüfen
5. Rechtliche Grundlagen
Warum sind Unicode-Emojis frei?
Unicode-Konsortium veröffentlicht Standard als öffentliches Gut
Keine Schutzrechte auf Standardzeichen
Internationale Interoperabilität erfordert freie Nutzung
Vergleichbar mit Buchstaben/Zahlen (auch nicht geschützt)
Was ist geschützt?
Spezifische grafische Designs (Apple, Google, Samsung etc.)
Emoji-Schriftarten als Gesamtwerk
Markenrechtlich geschützte Emoji-Sets
Künstlerische Interpretationen einzelner Anbieter
6. Praktische Anwendung
Für Entwickler:

✅ Erlaubt: - UTF-8 Zeichen in Code: "Willkommen 👋" - Unicode-Escape: \u{1F44B} - HTML-Entity: &#128075; - Emoji-Picker-Bibliotheken nutzen ⚠️ Lizenz prüfen: - Emoji-PNG-Sets einbinden - Custom Emoji-Fonts verwenden - Emoji-Assets aus fremden Quellen
Für Website-Betreiber:
Emojis in Meta-Tags → ✅ Erlaubt
Emojis in Überschriften → ✅ Erlaubt
Emoji-Tabellen wie unsere → ✅ Erlaubt
System-Fonts verwenden → ✅ Empfohlen
Für Content-Creator:
Social Media Posts → ✅ Erlaubt
Blog-Artikel → ✅ Erlaubt
E-Mails → ✅ Erlaubt
Printwerbung → ✅ Erlaubt (als Unicode-Zeichen)
7. Zusammenfassung & Erlaubnis
Ihre Rechte bei uns:
✅ Alle Emojis aus unserem Glossar dürfen kopiert werden
✅ Download für private und kommerzielle Projekte erlaubt
✅ Keine Namensnennung erforderlich (aber willkommen)
✅ Integration in eigene Tools/Apps gestattet
✅ Weitergabe an Dritte erlaubt
Was Sie NICHT brauchen:
❌ Keine Lizenzvereinbarung
❌ Keine Genehmigung
❌ Keine Gebühren
❌ Keine Registrierung
Unser Service für Sie: Wir stellen auf Hypertext Markup Language eine umfassende, rechtlich sichere Emoji-Referenz bereit. Alle Unicode-Emojis können Sie:
Per Klick kopieren
Als Referenz nutzen
In Projekte integrieren
Frei verwenden
8. Spezielle Nutzungsszenarien
SEO & Marketing: Emojis in Title-Tags, Meta-Descriptions, Überschriften → ✅ Vollständig legal und empfohlen
Software-Entwicklung: Emoji-Support implementieren, Emoji-Picker bauen → ✅ Unicode-Daten frei verwendbar
Printmedien: Emojis in Flyern, Broschüren, Büchern → ✅ Als Unicode-Zeichen erlaubt
Merchandise: Emojis auf T-Shirts, Tassen drucken → ⚠️ Bei Original-Designs Vorsicht (Markenrechte beachten)
9. Technischer Hinweis
Wenn Sie Emojis von unserer Seite kopieren, erhalten Sie:
Das Unicode-Textzeichen (nicht eine Bilddatei)
Plattformunabhängige Darstellung
Garantierte Kompatibilität
Kein Copyright-Problem
10. Haftungsausschluss
Diese Information bezieht sich auf Unicode-Emojis als Textzeichen. Für grafische Emoji-Sets, modifizierte Versionen oder spezifische Design-Implementierungen können abweichende Regelungen gelten. Bei Unsicherheit für spezifische kommerzielle Großprojekte empfehlen wir rechtliche Beratung.
Fazit: Kopieren Sie alle Emojis von unserer Seite ohne Bedenken! Unicode-Emojis sind frei verfügbar und dürfen in allen Kontexten verwendet werden. Unser Emoji-Glossar ist Ihre rechtssichere Quelle für professionelle Emoji-Integration.

Was ist der Unterschied zwischen einem Smiley und einem Emoji?

Kurze Antwort:
Ein Smiley ist ein einfaches Emoticon aus ASCII-Zeichen wie :-) oder :), während ein Emoji ein grafisches Unicode-Zeichen wie 😊 ist. Smileys sind die Vorgänger von Emojis.
Ausführliche Erklärung:
1. Smiley – Die ASCII-Pioniere (1982)
Definition: Smileys (auch „Emoticons“ = Emotion + Icon) sind Text-basierte Gesichter aus normalen Tastaturzeichen.
Beispiele:
:-) = lächelndes Gesicht
:-( = trauriges Gesicht
;-) = zwinkerndes Gesicht
:-D = lachendes Gesicht
:-P = Zunge rausstrecken
Merkmale:
✅ Bestehen aus ASCII-Zeichen (Doppelpunkt, Bindestrich, Klammer etc.)
✅ Werden horizontal gelesen (Kopf nach links geneigt)
✅ Keine Farben, nur Zeichen
✅ Funktionieren in jeder Textumgebung
✅ Erfunden 1982 von Scott Fahlman (Carnegie Mellon University)
Erste dokumentierte Verwendung:
19-Sep-82 11:44 Scott E Fahlman From: Scott E Fahlman <Fahlman at Cmu-20c> I propose that the following character sequence for joke markers: :-) Read it sideways.
2. Emoji – Die Unicode-Revolution (1999/2010)
Definition: Emojis sind grafische Unicode-Zeichen mit eigenem Code-Point im Unicode-Standard.
Beispiele:
😊 = U+1F60A (SMILING FACE WITH SMILING EYES)
😢 = U+1F622 (CRYING FACE)
😉 = U+1F609 (WINKING FACE)
😂 = U+1F602 (FACE WITH TEARS OF JOY)
😛 = U+1F61B (FACE WITH TONGUE)
Merkmale:
✅ Vollwertige Unicode-Zeichen
✅ Farbige, detaillierte Grafiken
✅ Plattformübergreifend standardisiert
✅ Tausende verschiedene Symbole (nicht nur Gesichter)
✅ Erfunden 1999 in Japan (Shigetaka Kurita für NTT DoCoMo)
✅ Unicode-Standard seit 2010
3. Technischer Vergleich
Technologie
Smiley :-): ASCII-Zeichen
Emoji 😊: Unicode-Zeichen
Entstehung
Smiley :-): 1982 (USA)
Emoji 😊: 1999 (Japan)
Unicode-Standard
Smiley :-): Nein
Emoji 😊: Ja (seit 2010)
Darstellung
Smiley :-): Text
Emoji 😊: Grafik
Farben
Smiley :-): Keine
Emoji 😊: Mehrfarbig
Anzahl Zeichen
Smiley :-): 2-4 Zeichen
Emoji 😊: 1 Zeichen (aber mehrere Code Points möglich)
Dateigröße
Smiley :-): 2-4 Bytes
Emoji 😊: 4+ Bytes
Plattformabhängig
Smiley :-): Nein
Emoji 😊: Ja (unterschiedliche Designs)
Kategorien
Smiley :-): Nur Gesichter
Emoji 😊: Gesichter, Tiere, Objekte, Symbole, Flaggen etc.
4. Historische Entwicklung
Timeline:
1982 → Scott Fahlman erfindet :-) und :-( → Emoticons verbreiten sich in Universitäts-Mailinglisten
1990er → Smileys werden im Internet-Chat populär → Varianten wie ^_^ (japanische Kaomojis) entstehen
1999 → Shigetaka Kurita entwickelt 176 Emojis für i-mode (japanischer Mobilfunkdienst) → 12×12 Pixel, schwarz-weiß, für Pager-ähnliche Geräte
2006-2009 → Google beantragt Aufnahme von Emojis in Unicode → Apple unterstützt Initiative
2010 → Unicode 6.0 standardisiert erste 722 Emojis → Weltweite Verfügbarkeit beginnt
2011 → Apple iOS 5 integriert Emoji-Tastatur → Durchbruch im Mainstream
2015 → „😂“ wird Oxford Word of the Year → Emojis kulturelles Phänomen
Heute → 3.664 Emojis in Unicode 15.1 → Jährliche Updates mit neuen Emojis
5. Begriffliche Abgrenzung
Emoticon
= Emotion + Icon
Oberbegriff für alle textbasierten Gefühlssymbole
:-) ;-) :-D :-P <3 ^_^ ¯\_(ツ)_/¯
Smiley
Spezifische Emoticons mit lächelndem Gesicht
:-) :) =) (:
Kaomoji
Japanische Emoticons (horizontal lesbar)
(^_^) (>_<) (╯°□°)╯︵ ┻━┻ ¯\_(ツ)_/¯
Emoji
Unicode-standardisierte grafische Zeichen
😊 🎉 🚀 🍕 🌍 ❤️
6. Praktische Unterschiede
Kompatibilität
Smileys :-)
✅ E-Mails (alle Clients)
✅ SMS (Feature-Phones)
✅ Alte Software
✅ Konsolen/Terminals
✅ ASCII-only Systeme
Emojis 😊
✅ Moderne Smartphones
✅ Aktuelle Browser
✅ Social Media
⚠️ Alte E-Mail-Clients (manchmal Probleme)
⚠️ Legacy-Systeme (oft nicht unterstützt)
❌ Reine ASCII-Umgebungen
Automatische Umwandlung
Viele moderne Apps konvertieren Smileys automatisch:
:-) → 😊
:D → 😄
;) → 😉
:( → ☹️
<3 → ❤️
Beispiele:
WhatsApp: Konvertiert :-) zu 😊
Facebook: Wandelt :) in 🙂 um
Slack: Bietet beides an
7. Moderne Verwendung
Wann Smileys verwenden?
Ideal für:
✅ Formelle E-Mails (wenn Emojis zu bunt wären)
✅ Business-Kommunikation (dezenter)
✅ Technische Dokumentation
✅ Systeme ohne Unicode-Support
✅ Retro-Stil / Nostalgie
Beispiel:
Sehr geehrter Herr Müller, vielen Dank für die schnelle Rückmeldung :-) Mit freundlichen Grüßen
Wann Emojis verwenden?
Ideal für:
✅ Social Media
✅ Marketing-Texte
✅ Moderne Websites
✅ Chat-Apps
✅ Informelle Kommunikation
✅ SEO (Meta-Descriptions, Titles)
Beispiel:
Wow! 😍 Super Angebot! 🎉 Jetzt 50% sparen! 🚀
8. Kulturelle Bedeutung
Smileys
Nostalgisch, „Old School Internet“
Technische Community (Entwickler, IT)
Minimalismus
Universell verständlich
Emojis
Modern, zeitgemäß
Visuell ausdrucksstark
Kulturübergreifende Kommunikation
Markenidentität (Plattform-spezifische Designs)
9. SEO-Perspektive
Smileys in Meta-Tags
<!-- ❌ NICHT empfohlen: --> <title>Beste Pizza :-) in Berlin</title> Grund: Wird nicht grafisch dargestellt, wirkt unprofessionell
Emojis in Meta-Tags
<!-- ✅ Empfohlen: --> <title>Beste Pizza 🍕 in Berlin</title> Vorteil: Farbige Darstellung, höhere CTR
Click-Through-Rate Vergleich:
Ohne Emoji: „Pizza Berlin“ → 2,5% CTR
Mit Smiley :-): „Pizza :-) Berlin“ → 2,3% CTR (wirkt unseriös)
Mit Emoji 🍕: „Pizza 🍕 Berlin“ → 4,8% CTR (+92%)
10. Entwickler-Perspektive
Smileys im Code
// Einfache String-Verarbeitung const message = "Hallo :-)"; message.length; // 9 Zeichen
Emojis im Code
// Unicode-Zeichen erfordern besondere Behandlung const message = "Hallo 😊"; message.length; // 7 (aber Emoji zählt als 2!) // Korrekt zählen: [...message].length; // 7 Array.from(message).length; // 7
Technische Herausforderungen bei Emojis:
Variable Byte-Länge (2-14 Bytes)
ZWJ-Sequences (Zero-Width-Joiner)
Skin-Tone-Modifiers
Database: utf8mb4 erforderlich
11. Zusammenfassung
Darstellung
Smiley :-): Textbasiert
Emoji 😊: Grafisch
Technologie
Smiley :-): ASCII-Zeichen
Emoji 😊: Unicode-Zeichen
Zeitliche Entwicklung
Smiley :-): Erfunden 1982
Emoji 😊: Standardisiert 2010
Lesbarkeit
Smiley :-): Horizontal lesbar
Emoji 😊: Mehrfarbig
Vielfalt
Smiley :-): Nur Gesichter
Emoji 😊: Tausende Kategorien
Kompatibilität
Smiley :-): Universell kompatibel
Emoji 😊: Moderne Systeme
Farbdarstellung
Smiley :-): Schwarz-weiß
Emoji 😊: Plattformabhängiges Design12. Merkhilfe
Ein Smiley ist wie…
Ein handgeschriebener Zettel
Schreibmaschinen-Text
ASCII-Art
Ein Emoji ist wie…
Ein gedrucktes Bild
Eine Illustration
Ein Sticker
13. Häufige Verwechslung
Umgangssprachlich werden beide Begriffe oft synonym verwendet:
❌ „Ich schicke dir einen Smiley 😊“ (technisch falsch – das ist ein Emoji)
✅ „Ich schicke dir ein Emoji 😊“ (korrekt)
❌ „Cooles Emoji :-)“ (technisch falsch – das ist ein Smiley)
✅ „Cooler Smiley :-)“ (korrekt)
In der Praxis: Emoji hat sich als Überbegriff durchgesetzt, auch wenn technisch ein Smiley gemeint ist.
Fazit:
Smileys sind die charmanten ASCII-Vorfahren der modernen Emojis. Während Smileys :-) aus einfachen Tastaturzeichen bestehen und horizontal gelesen werden, sind Emojis 😊 vollwertige Unicode-Zeichen mit farbigen Grafiken. Beide haben ihre Berechtigung: Smileys für technische/formelle Kontexte, Emojis für moderne, visuelle Kommunikation. Auf unserer Seite finden Sie ausschließlich Emojis – die moderne, standardisierte Variante für professionelle Web-Projekte.

Warum werden Emojis in meiner Website als Fragezeichen oder Quadrate angezeigt?

Das häufigste Problem ist fehlendes oder falsches Character Encoding. Stellen Sie sicher, dass Sie <meta charset=“UTF-8″> im HTML-Head deklariert haben, und zwar VOR allen anderen Content-Tags. Bei Servern prüfen Sie die HTTP-Header: Content-Type sollte „text/html; charset=UTF-8“ sein. In Datenbanken (MySQL/MariaDB) müssen Sie utf8mb4 statt standard utf8 verwenden, da standard utf8 nur 3 Bytes unterstützt und Emojis mit 4 Bytes abschneidet.

Wie kann ich Emojis barrierefrei in HTML implementieren?

Für barrierefreie Emojis verwenden Sie aria-label für funktionale Emojis und aria-hidden=“true“ für rein dekorative. Beispiel: <button aria-label=“Gefällt mir“><span aria-hidden=“true“>❤️</span></button>. Screenreader lesen sonst den Unicode-Namen vor („Red Heart“), was oft nicht der tatsächlichen Nutzung entspricht. Vermeiden Sie mehr als 1-3 Emojis pro Absatz und platzieren Sie sie am Satzende, um den Lesefluss nicht zu stören.

Welche Browser unterstützen alle aktuellen Unicode-Emojis?

Moderne Browser (Chrome 120+, Firefox 121+, Safari 17.2+, Edge 120+) unterstützen nahezu alle Unicode 15.1 Emojis (über 3.600). Die Darstellung variiert jedoch erheblich zwischen Plattformen: Apple verwendet Apple Color Emoji, Google Noto Color Emoji, Microsoft Segoe UI Emoji. Internet Explorer 11 zeigt neue Emojis als leere Quadrate. Für maximale Kompatibilität implementieren Sie Fallback-Mechanismen oder verwenden Emoji-Fonts wie Twemoji von Twitter.

Wie speichere ich Emojis korrekt in MySQL-Datenbanken?

MySQL und MariaDB erfordern das utf8mb4 Character Set für Emoji-Speicherung. Standard utf8 unterstützt nur 3 Bytes und schneidet Emojis ab. Erstellen Sie Tabellen mit: CREATE TABLE posts (content TEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci). Für bestehende Tabellen: ALTER TABLE posts CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci. In PHP setzen Sie mysqli_set_charset($conn, „utf8mb4“). Prüfen Sie auch die my.cnf Konfiguration für default-character-set.

Warum zeigt JavaScript .length falsche Werte bei Emojis?

JavaScript’s .length Property zählt UTF-16 Code Units, nicht tatsächliche Zeichen. Das Emoji „👨‍💻“ (Mann am Laptop) besteht aus 3 Unicode Code Points plus ZWJ (Zero-Width-Joiner) und hat .length === 5, obwohl es visuell EIN Zeichen ist. Verwenden Sie stattdessen: Array.from(text).length, den Spread-Operator […text].length, oder die moderne Intl.Segmenter API für präzise Grapheme-Zählung. Dies ist kritisch für Textlängen-Validierung und String-Manipulation.

Kann ich Emojis in SEO Meta-Tags verwenden?

Ja, Emojis in Meta-Descriptions können die Click-Through-Rate um 15-20% erhöhen. Google zeigt Emojis in Snippets an, kann sie aber als Spam filtern bei Übernutzung. Best Practices: Maximal 1-2 Emojis pro Meta-Tag, strategisch am Anfang platziert, relevant zum Content. Beispiel: <meta name=“description“ content=“🚀 Webentwicklung 2025 | Moderne HTML5-Techniken“>. Testen Sie verschiedene Geräte, da Emoji-Darstellung in SERPs variiert.

Was sind ZWJ-Sequences und Skin-Tone-Modifiers bei Emojis?

ZWJ-Sequences (Zero-Width-Joiner) kombinieren mehrere Emojis zu einem neuen. Beispiel: 👨 + ZWJ + 💻 = 👨‍💻 (Mann am Laptop). Skin-Tone-Modifiers (U+1F3FB bis U+1F3FF) verändern die Hautfarbe: 👋 + 🏽 = 👋🏽. Technisch sind das separate Unicode Code Points, die zusammen gerendert werden. In HTML: &#128075;&#127997; oder direkt als UTF-8. In JavaScript: „\u{1F44B}\u{1F3FD}“. Dies erklärt, warum diese Emojis mehrere Bytes benötigen und in .length falsch gezählt werden.

Wie implementiere ich Emoji-Fallbacks für ältere Browser?

Für ältere Browser implementieren Sie ein Fallback-System: 1) Testen Sie Browser-Support mit Canvas-Detection. 2) Ersetzen Sie nicht-unterstützte Emojis durch PNG/SVG-Bilder von CDNs wie Twemoji. 3) Konvertieren Sie Unicode Code Points zu Hex (z.B. U+1F600 → 1f600.png). Beispiel-Library auf GitHub: twitter/twemoji. Alternativ: CSS @font-face mit Emoji-Fonts wie „Noto Color Emoji“. Progressive Enhancement: Basis-Funktionalität ohne Emojis, visuelle Verbesserung für moderne Browser.

Welche Performance-Probleme können Emojis verursachen?

Emojis können Performance-Probleme in mehreren Bereichen verursachen: 1) String-Manipulation: Emoji-Regex-Patterns sind 10-20x langsamer als einfache String-Ops – cachen Sie Ergebnisse. 2) Rendering: Farbige Emojis benötigen 2-5ms mehr pro 1000 Zeichen. 3) Datenbank: Jedes Emoji = 4 Bytes in UTF-8, bei Millionen Datensätzen relevant. 4) Network: Bei vielen Emojis erhöht sich HTML-Größe. Optimierungen: Lazy-Load emoji-lastiger Content, verwenden Sie CSS sprites für häufige Emojis, komprimieren Sie mit Brotli/Gzip.

Was ist der Unterschied zwischen Emoji_Presentation und Extended_Pictographic?

Emoji_Presentation ist eine Unicode-Property für Zeichen, die standardmäßig als farbige Emojis dargestellt werden (z.B. 😀). Extended_Pictographic umfasst zusätzlich Symbol-Zeichen, die sowohl als Text als auch als Emoji dargestellt werden können (z.B. ©️). Für vollständige Emoji-Detection in JavaScript verwenden Sie: /\p{Emoji_Presentation}|\p{Extended_Pictographic}/gu. Dies funktioniert nur mit dem ‚u‘-Flag und ES2018+. Ältere Browser benötigen externe Regex-Libraries wie emoji-regex npm-Paket.

Letzte Bearbeitung am Sonntag, 23. November 2025 – 6:55 Uhr von Alex, Webmaster für Google und Bing SEO.

Konnten wir deine Fragen zu Emojis beantworten? Lass es uns gerne wissen, falls etwas nicht stimmen sollte. Feedback ist gerne gesehen, auch zum Thema Emojis.