Emoji

Introduction

Selon Wikipedia, «Émoji (絵文字, prononcé [emodʑi]), est un terme issu du japonais pour désigner les pictogrammes utilisés dans les messages électroniques et les pages web japonaises, qui se sont répandus dans le monde entier. Le mot emoji signifie littéralement « image » (e) + « lettre » (moji) ; la ressemblance avec « émotion » est un jeu de mot interculturel. Ces caractères sont utilisés de la même façon que les émoticônes ASCII, mais un plus grand nombre est défini. Les icônes sont standardisées et intégrées aux appareils.» Un grand nombre d'emojis sont standardisés sous forme de caractères Unicode affichables dans des multiples environnements comme les messageries instantanés, clients emails, pages web (HTML) et réseaux sociaux divers comme Facebook et Twitter. Certains systèmes d'opération comme Windows 10 ou Mac OS X et Android les supportent aussi directement.

Le mot emoji est masculin et son pluriel est soit emoji, soit emojis selon Wiktionary.

Voir aussi:

• InkStitch - broder un emoji
• Stitch Era - broder un emoji

Les emoji dans le standard UniCode 😂

Selon Wikipedia, UniCode est un standard informatique qui vise à donner à tout caractère de n’importe quel système d’écriture de langue un nom et un identifiant numérique. unique. La dernière version, Unicode 13.0, a été publiée en mars 2020 et contient un répertoire de 137 929 caractères, couvrant une centaine d’écritures plus des divers symboles graphiques comme les emoji.

Les jeux emoji dans Unicode dépendent d'abord des versions de Unicode. La première qui inclut les emoji est la version 6 qui date de 2010. En nov 2020, la dernière version du jeu emoji est définie dans le document Unicode Technical Standard #51, version 13.1. Ce document technique "«defines the structure of Unicode emoji characters and sequences, and provides data to support that structure, such as which characters are considered to be emoji, which emoji should be displayed by default with a text style versus an emoji style, and which can be displayed with a variety of skin tones. It also provides design guidelines for improving the interoperability of emoji characters across platforms and implementations.». En résumé (simplifié), les emoji sont des caractères dans des fontes qui s'affichent soit avec un style "texte" (graphisme simple) soit avec un graphisme plus complexe et qui inclut des variantes de couleur.

Cette norme définit un emoji comme «colorful pictograph that can be used inline in text. Internally the representation is either (a) an image, (b) an encoded character, or (c) a sequence of encoded characters.»

En résumé, un emoji est définie par

• un dessin
• un code de caractère unicode (un ou plusieurs caractères combinés, parfois avec un "Zero Width Joiner", prononcé "zwidge")
• un nom court à option (non-standardisé, utilisé surtout dans les chats)
• un nom officiel dans le "Common Locale Data Repository" (CLDR)
• des mots clefs qui facilitent la recherche

Le tableau ci-dessous montre quelques emoji simples (variante de base) avec ces critères

Exemples emoji

Code U+	Affichages dans votre navigateur (defauts pour taille texte, 24px et 40px, fonte parfois alternative 40px)	Nom court CLDR	Shortcode (utilisé dans les messageries)	Mots clefs
1F602	😂 😂 😂 😂	face with tears of joy (visage avec des larmes de rire)	:joy: (Github, Slack) :face_with_tears_of_joy:	face | face with tears of joy | joy | laugh | tear
1F478	👸 👸 👸 👸	princess	:princess:	fairy tale | fantasy | princess
1F9DB	🧛 🧛 🧛 🧛	Vampire	:vampire:	Dracula | undead | vampire
1F6E0	🛠 🛠 🛠 🛠	hammer and wrench	:hammer_and_wrench:	hammer | hammer and wrench | spanner | tool | wrench

Le HTML/CSS utilisé pour afficher les caractères est le suivant 😂 <span style="font-size: 24px">😂</span> <span style="font-size: 40px">😂</span> <span style="font-family: 'Noto Color Emoji', 'Apple Color Emoji','Segoe UI Emoji', Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort; font-size: 40px">😂</span>

Certains emoji peuvent avoir des variantes définies avec des codes ajoutés au code de base. Un exemple est la couleur de peau ou des cheveux. La couleur, par exemple U+1F3FF pour "medium" dark est un caractère sans espacement, donc il se pose par dessus. Ensuite, il existe des séquences d'emoji aus sens propre, par exemple une famille avec papa, maman, un garçon et une fille. Techniquement parlé, ces emoji sont combinées par superposition en en seul symbole affiché: «An Emoji ZWJ Sequence is a combination of multiple emojis which display as a single emoji on supported platforms. These sequences are joined with a Zero Width Joiner character.» (Emoji ZWJ Sequence). Le code du caractère (zéro largeur) est le U+200D (HTML ‍ ou ‍). Le tableau ci-dessous montre des exemples

Le tableau suivant présent des exemples de variantes et des combinaisons. Le vampire par défaut peut être un home, une femme, ou encore une image neutre selon votre navigateur, mais on peut explicitement choisir entre un vampire home ou femme. Ensuite le tableau montre un exemple de couleur de peau "medium-dark skin tone" et un emoji combiné. Pour finir, on affiche des séquences Zero Width Joiner.

Variantes emoji

Code	Affichages dans votre navigateur (defaut, 24px et 40px en 2 variantes)	Nom court CLDR	Shortcode (utilisé dans les messageries)	Mots clefs
U+1F9DB U+200D U+2640 U+FE0F	🧛‍♀️ 🧛‍♀️ 🧛‍♀️ 🧛‍♀️	woman vampire	:vampire_woman: (Github) :woman_vampire: (Emojipedia) :female_vampire: (Slack)	undead | woman vampire
U+1F9DB U+200D U+2642 U+FE0F	🧛‍♂️ 🧛‍♂️ 🧛‍♂️ 🧛‍♂️	man vampire		undead | man vampire
U+1F478 U+1F3FF	👸🏾 👸🏾 👸🏾 👸🏾	princess: medium-dark skin tone	:princess_medium_dark_skin_tone: (Emojipedia)
U+1F469 U+1F3FE U+200D U+1F91D U+200D U+1F469 U+1F3FC	👩🏾‍🤝‍👩🏼 👩🏾‍🤝‍👩🏼 👩🏾‍🤝‍👩🏼 👩🏾‍🤝‍👩🏼	women holding hands:		medium-dark skin tone, medium-light skin tone
U+1F468 U+200D U+1F469 U+200D U+1F467 U+200D U+1F466	👨‍👩‍👧‍👦 👨‍👩‍👧‍👦 👨‍👩‍👧‍👦 👨‍👩‍👧‍👦	family: man, woman, girl, boy		boy | family | girl | man | woman

Différences entre graphismes

Au même titre que les lettre dans une fonte, les emoji ont une apparence différente selon la police utilisée, donc les images n'ont pas les même look mais on les reconnaît.

Par exemple le "face with tears of joy" 😂 est représenté de la façon suivante:

https://emojipedia.orgVariantes d'images emoji de différents vendeurs (apple, google, facebook, windows, twitter, joy, samsung)

Voici trois variantes de l'emoji ":bomb:" 💣 (emojipedia en liste d'autres)

• 

  Twitter

• 

  Google

• 

  OpenMoji

Emoji les plus populaires

Selon l'officiel Unicode Emoji frequency:

0 😂 ❤️

1 😍 🤣

2 😊 🙏 💕 😭 😘

3 👍 😅 👏 😁 ♥️ 🔥 💔 💖 💙 😢 🤔 😆 🙄 💪 😉 ☺️ 👌 🤗

4 💜 😔 😎 😇 🌹 🤦 🎉 ‼️ 💞 ✌️ ✨ 🤷 😱 😌 🌸 🙌 😋 💗 💚 😏 💛 🙂 💓 🤩 😄 😀 🖤 😃 💯 🙈 👇 🎶 😒 🤭 ❣️

5 ❗ 😜 💋 👀 😪 😑 💥 🙋 😞 😩 😡 🤪 👊 ☀️ 😥 🤤 👉 💃 😳 ✋ 😚 😝 😴 🌟 😬 🙃 🍀 🌷 😻 😓 ⭐ ✅ 🌈 😈 🤘

6 💦 ✔️ 😣 🏃 💐 ☹️ 🎊 💘 😠 ☝️ 😕 🌺 🎂 🌻 😐 🖕 💝 🙊 😹 🗣️ 💫 💀 👑 🎵 🤞 😛 🔴 😤 🌼 😫 ⚽ 🤙 ☕ 🏆 🧡 🎁 ⚡ 🌞 🎈 ❌ ✊ 👋 😲 🌿 🤫 👈 😮 🙆 🍻 🍃 🐶 💁 😰 🤨 😶 🤝 🚶 💰 🍓 💢

7 🇺🇸 🤟 🙁 🚨 💨 🤬 ✈️ 🎀 🍺 🤓 😙 💟 🌱 😖 👶 ▶️ ➡️ ❓ 💎 💸 ⬇️ 😨 🌚 🦋 😷 🕺 ⚠️ 🙅 😟 😵 👎 🤲 🤠 🤧 📌 🔵 💅 🧐 🐾 🍒 😗 🤑 🚀 🌊 🤯 🐷 ☎️ 💧 😯 💆 👆 🎤 🙇 🍑 ❄️ 🌴 🇧🇷 💣 🐸 💌 📍 🥀 🤢 👅 💡 💩 ⁉️ 👐 📸 👻 🤐 🤮 🎼 ✍️ 🚩 🍎 🍊 👼 💍 📣 🥂 ⤵️ 📱 ☔ 🌙

8 🍾 🎧 🍁 ⭕ 🏀 ☠️ ⚫ 🖐️ 😧 🎯 📲 ☘️ 👁️ 🍷 👄 🐟 🍰 💤 🕊️ 📺 💭 🐱 🐝 🇲🇽 🧚 🔝 📢 📷 🐕 🎸 🔫 🤚 🍭 🍆 💉 🌎 😦 🌀 👿 ☑️ 🎥 🌧️ 👽 🍋 🤒 🤡 🍫 📚 🏁 🤕 🦄 🍅 🚗 🚫 💵 ⚾ 🔪 🔔 ♨️ 🌳 🔊 🍬 💏 🍼 🍜 🐼 🙉 🐈 🐻 🤸 🌝 👸 🍕 🍌 🍦 ⚪ 👩 😿 🍂 📞 ⏰ 🔞 🌍 🌠 🙀 ▪️ ☁️ 👹 🍉 🐥 🌶️ 1️⃣ 🌵 🇮🇳 👧 🍄 👮 💮 🐰 🔷 🌾 🔹 🇹🇷 🥇 🇮🇹

La popularité des emoji change aussi selon la saison, comme on peut voir sur https://emojipedia.org/ le 2 déc. 2020: Noel approche.

🎄 Christmas Tree

❤️ Red Heart

🥺 Pleading Face

✨ Sparkles

🎁 Wrapped Gift

😂 Face with Tears of Joy

🎅 Santa Claus

🔥 Fire

😊 Smiling Face with Smiling Eyes

Identifier un emoji

Pour utiliser un emoji, il faut trouver le dessin dans une fonte emoji. Donc avant de se focaliser sur un caractère et une fonte précise on conseille de parcourir les variantes.

Pour trouver et sélectionner un emoji il existe plusieurs solutions:

La solution la plus simple consiste à consulter Emojipedia.

1. Vous pouvez soit chercher par mots, soit parcourir les catégories
2. Une fois trouvé une page vous pouvez examiner les variantes, et copier/coller le caractère dans votre éditeur web ou application qui soutient les emoji.
3. Ce site ne contient pas les graphismes SVG, donc il faut juste noter le code ou au moins le nom utilisé par un vendeur
4. Emojipedia liste également le "shortcode" utilisé dans les messageries instantanées.

Vous pouvez aussi utiliser la base de données officielle de unicode.org:

1. https://www.unicode.org/emoji/charts-13.1/emoji-list.html (version 13, nov 2020)
2. Cherchez un mot dans la page HTML affichée (CTRL-F dans le navigateur)
3. Cliquez sur le code à gauche, cela va afficher une page avec des variantes. Notez le code, par exemple 1F9DB pour le vampire
4. Identifiez l'image qui vous plaît le plus et essayez de trouver le graphisme SVG (c.f. ci-dessous). Certains, comme ceux de Apple, ne sont pas libres.
   

   Emoji "Vampire" chez OpenMoji.org, variante "peau jaune".

Une solution similaire, mais plus simple, est de consulter openMoji.org, un projet qui implémente un système emoji complet (donc y compris les graphismes)

1. OpenMoji.org
2. Soit utilisez le moteur de recherche, soit naviguez dans la bibliothèque
3. Si l'image vous plaît, vous pouvez directement récupérer le SVG. Cliquez sur l'image. Notez que vous pouvez aussi sélectionner la couleur de peau ou des traits noirs en bas de page. Cliquer sur SVG vous offre le choix d'enregistrer le fichier ou de l'afficher dans le navigateur (pour l'enregistrer "sous" dans la suite).
4. Si l'image ne vous plaît pas, notez le code, par exemple 1F9DBpour le vampire.

Iconify.design Noto Emoji example (Vampire)

Claviers emoji

La plupart des applications mobiles (y compris les claviers du système) soutiennent l'insertion d'emoji. On peut soit naviguer par grandes catégories, soit chercher avec un mot clefs.

Télécharger le SVG d'un Emoji

Pour trouver l'image SVG d'un emoji il est utile connaître son code (cf. juste ci-dessus), mais ce n'est pas une nécessité, car il existe des sites inventaires et dépôts.

Télécharger un emoji en SVG depuis Iconify.design

Iconify.design met à disposition plusieurs jeux (collections) emoji. Il faut donc d'abord choisir une collection, ci-dessous on liste les plus importantes. Ensuite, cherchez le graphisme emoji que vous désirez. Notez que certaines collections ne sont pas complètes UniCode 13 (ou mieux).

Collections Emoji de Iconfiy.design:

• Twemoji (Twitter, conseillé)
• Noto Emoji (Google, conseillé)
• OpenMoji
• Emoji One (Colored) (jeu réduit)
• FireFox Emoji (jeu réduit)

Une fois trouvé votre emoji, vous pouvez soit télécharger le code SVG (utile si vous savez utiliser l'éditeur SVG), soit le fichier SVG (conseillé). Notez que le code SVG peut contenir un rectangle noir qui cache le dessin et qu'il va falloir enlever.

Alternatives

Le site qui permet de chercher et de télécharger un SVG le plus facilement est OpenMoji.org, mais certains graphiques ne vous plaisent pas forcément. En plus de OpenMoji, Twitter et Google mettent aussi à dispositions leurs icônes en open source. Soit vous récupérez leurs archives sur Github, soit vous utilisez un site tiers comme iconify., présenté ci-dessus.

En résumé: Explorer sur Emojipedia, télécharger sur Iconify.design

Liens

Fichiers emoji

• Twemoji de Twitter (requires technical skills, i.e. pulling a GitHub archive): format SVG et PNG
• OpenMoji.org (as of Nov 2020, supports version 13): format SVG et PNG
• Noto Emoji fonts de Google (requires technical skills, pulling a GitHub archive): format SVG et PNG

Catalogues emoji

• Unicode® Emoji Charts v13.1 Listes officielles pour la version 13.1.
  • Liste de base avec le nom des emoji
  • Liste avec images de différents vendeurs
• OpenMoji.org Permet de chercher des emjoi avec leur nom (en Anglais) et de télécharger des images
• decodeunicode.org
• Emojipedia