# Icônes Twemoji
**URL:** https://meta.discourse.org/t/twemoji-icons/272295
**Category:** Theme component
**Created:** [Juillet 20, 2023, 1:38 UTC](https://meta.discourse.org/t/twemoji-icons/272295 "2023-07-20T13:38:37Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [Juillet 20, 2023, 1:38 UTC](https://meta.discourse.org/t/twemoji-icons/272295/1 "2023-07-20T13:38:37Z")
| | | |
| --- | --- | --- |
| ℹ | **Résumé** | Utilise les émojis Twitter comme icônes dans Discourse. |
| 🛠 | **Dépôt** | [GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.](https://github.com/nolosb/discourse-twemoji-icons.git) |
| ❓ | **Guide d’installation** | [Comment installer un thème ou un composant de thème](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **Nouveau sur les thèmes Discourse ?** | [Guide pour débutants sur l’utilisation des thèmes Discourse](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
Installer ce composant de thème
Le composant ajoute les émojis Twitter comme icônes. Vous pouvez utiliser des émojis pour ajouter des icônes de catégorie et d’étiquette en utilisant les composants respectifs. Vous pouvez également remplacer les icônes d’interface par défaut, que ce soit dans les modales d’administration ou dans le code de thème personnalisé.
Voici une vue du [Thème Kiosk](https://meta.discourse.org/t/kiosk-a-self-service-theme/271092) utilisant ce composant pour afficher des émojis sur l’interface et les icônes de catégorie :
### 🚧 Instructions détaillées
- Les noms des icônes sont générés à partir d’un préfixe _tw_ et du nom court de l’emoji en kebab-case (tous les mots sont séparés par un trait d’union).
- Par exemple, l’emoji ☀ est appelé par le nom d’icône `tw-sun` ; 🏖 est appelé par `tw-beach-umbrella`
- Recherchez les noms courts sur la [Feuille de triche Twemoji](https://twemoji-cheatsheet.vercel.app/)
- Utilisez les icônes dans les modales d’administration, par exemple pour personnaliser la barre latérale :
- Utilisez les icônes dans les paramètres du composant, par exemple pour les icônes de catégorie :
- Utilisez les icônes dans le code du thème :
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [Juillet 20, 2023, 3:19 UTC](https://meta.discourse.org/t/twemoji-icons/272295/2 "2023-07-20T15:19:53Z")
Je vois que vous expédiez un grand sprite SVG pour les emojis, mais puisque Discourse expédie déjà tous les emojis Twitter, pourquoi ne pas les réutiliser ? Cela évitera aux utilisateurs d’installer et de servir ce fichier SVG.
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [Juillet 20, 2023, 3:34 UTC](https://meta.discourse.org/t/twemoji-icons/272295/3 "2023-07-20T15:34:40Z")
Oui, j’aimerais bien avoir la fonctionnalité de ce composant sans avoir à charger un gros fichier sprite. Mais Discourse livre les twemojis sous forme de séquences Unicode, n’est-ce pas ? Je veux pouvoir remplacer les icônes svg et, autant que je sache, j’ai besoin de svgs pour y parvenir.
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [Juillet 20, 2023, 3:37 UTC](https://meta.discourse.org/t/twemoji-icons/272295/4 "2023-07-20T15:37:57Z")
> [@manuel](#):
>
> Mais Discourse livre des twemojis sous forme de séquences Unicode, n’est-ce pas ?
Nous livrons sous forme de PNG individuels, comme `https://emoji.discourse-cdn.com/twitter/beach_umbrella.png`.
Donc, cela fonctionnerait très bien sur la barre latérale, mais oui, cela ne fonctionnerait pas pour les icônes.
---
### Author:  [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [Juillet 20, 2023, 3:55 UTC](https://meta.discourse.org/t/twemoji-icons/272295/5 "2023-07-20T15:55:59Z")
Oui, je vois l’intérêt de ce composant pour explorer facilement des styles et des designs. Je pense que si vous voulez vraiment utiliser des icônes emoji en production, il est bien préférable de servir un fichier sprite dédié avec uniquement les emojis réellement utilisés.