Comment utiliser : Copier-coller d’émojis
- Saisissez ce que vous recherchez — les noms et les mots-clés fonctionnent tous les deux (« lol », « argent », « pouce levé ») — ou parcourez un groupe.
- Choisissez une teinte de peau ; celle-ci s'appliquera à tous les emojis qui prennent en charge cette fonctionnalité.
- Cliquez sur un emoji pour le copier et l'ajouter à la barre de collection. Cliquez sur « Plus » pour créer une chaîne, puis sur « Tout copier ».
- Utilisez le panneau de détails pour le point de code, l'entité HTML, le CSS
content, l'échappement JavaScript, un shortcode ou une favicon SVG.
Utilisation des emojis sur les sites web
Les emojis sont des caractères Unicode classiques ; vous pouvez donc les insérer directement dans le code HTML, dans les champs de texte de Webflow et dans le contenu d’un CMS. Dans le code, il est souvent plus sûr d’utiliser un caractère d’échappement, que ce sélecteur vous fournit pour chaque emoji :
| Où | Exemple pour 🚀 |
|---|---|
| Entité HTML | 🚀 |
CSS content | content: "\1F680"; |
| JavaScript | "\u{1F680}" |
| Shortcode (Slack, GitHub) | :rocket: |
Favicon emoji en une seule ligne
Les navigateurs modernes prennent en charge les favicons au format SVG, et un fichier SVG peut contenir un emoji. Le sélecteur génère la balise à votre place — idéal pour les prototypes, les projets parallèles et les sites de préproduction :
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>">
Pour une favicon de production avec des fichiers PNG de secours, utilisez le générateur de favicons.
Pourquoi les emojis s’affichent-ils différemment selon les plateformes ?
Chaque plateforme (Apple, Google, Microsoft, Samsung) dessine ses propres emojis, et les systèmes plus anciens peuvent ne pas reconnaître les plus récents — ils affichent alors un carré ou deux emojis distincts à la place. Les teintes de peau et les emojis combinés comme 👩💻 sont des séquences de plusieurs points de code reliés par un séparateur de largeur nulle ; jetez-y un œil avec l’Inspecteur de caractères Unicode.
Les emojis et l’accessibilité
Les lecteurs d’écran annoncent les emojis par leur nom (« fusée »). Utilisez-les pour ajouter de la nuance, et non pour remplacer des mots ; évitez les longues chaînes d’emojis et placez-les à la fin d’une phrase plutôt qu’au milieu. Sur les réseaux sociaux, associez-les à du texte formaté à l’aide du Générateur de texte en gras.
Aussi recherché comme : copier-coller des emojis, recherche d’émojis, liste complète des emojis, sélecteur d’émojis, clavier emoji en ligne, emoji unicode, code html des emojis, contenu css des emojis.
Outils complémentaires : Copier-coller d’émojis
- Symboles et caractères spéciaux — Coche, flèches, étoiles, puces, signes mathématiques et monétaires, exposants, dessin de cadre, espaces invisibles et caractères ¯\_(ツ)_/¯ — cliquez pour copier, avec l'entité HTML, le code CSS et le code Unicode correspondants pour chacun.
- Générateur d’art ASCII — Saisissez un mot et découvrez-le simultanément dans 20 polices ASCII art : Standard, Slant, ANSI Shadow, Doom et bien d'autres encore.
- HTML Entity Encoder — Escape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.