Icônes alternatives

Documentation Guides pour les développeurs
,
1

Par défaut, Discourse intègre des icônes de l’excellent FontAwesome. Mais il existe de nombreuses bibliothèques d’icônes libres d’utilisation. Ce sujet est le foyer des ensembles d’icônes alternatifs. Il répertorie quelques composants de thème que vous pouvez essayer dès maintenant, mais il décrit également comment vous pouvez contribuer pour que Discourse prenne en charge d’autres ensembles d’icônes.

Ensembles d’icônes alternatifs

Si vous souhaitez essayer un ensemble d’icônes différent, voici une liste de composants de thème que vous pouvez essayer :

(Consultez Comment installer un thème ou un composant de thème pour obtenir de l’aide sur l’intégration de l’un de ces dépôts sur votre site Discourse.)

Ces composants sont en cours de développement. Vous pouvez les utiliser, mais notez que toutes les icônes du cœur n’auront pas de remplacement approprié. (Les contributions sont les bienvenues, voir ci-dessous.)

Quelques captures d’écran :

image
image1824×1158 159 KB

Icônes Feather (en utilisant le schéma de couleurs WCAG Sombre)

image
image1926×1282 163 KB

Icônes Heroicons (en utilisant le schéma de couleurs WCAG Clair)

image
image1732×1256 165 KB

Unicons (en utilisant le schéma de couleurs Gris Ambre)

image
image1726×1256 163 KB

Phosphor Duotone (en utilisant le schéma de couleurs WCAG Clair)

Contribution

Développeurs de thèmes et concepteurs, cette section est pour vous.

Les composants listés ci-dessus sont générés à l’aide du dépôt utilitaire discourse-alt-icons, qui rationalise le remplacement des icônes dans le cœur de Discourse par des icônes provenant d’autres ensembles d’icônes open source. Le cœur du dépôt est un script de construction qui génère un composant de thème à partir d’un fichier JSON de mappages de noms d’icônes.

Les contributions sont les bienvenues et encouragées. Discourse utilise de nombreuses icônes de FontAwesome et trouver des correspondances dans d’autres ensembles d’icônes est une tâche amusante, mais elle prend du temps. Si vous souhaitez aider, vous pouvez cloner le discourse-alt-icons et suivre les étapes de la documentation pour ajouter des correspondances pour les icônes qui n’en ont pas encore.

Prise en charge d’autres ensembles d’icônes

Veuillez utiliser les réponses ci-dessous pour proposer l’ajout de la prise en charge d’un autre ensemble d’icônes. Ou, mieux encore, avec un peu de travail, vous pouvez envoyer une demande de tirage (pull request) au dépôt discourse-alt-icons. Notez que seuls les ensembles d’icônes avec des licences très permissives (c’est-à-dire qui doivent autoriser la modification, la distribution, l’utilisation privée) seront pris en compte.

Ce document est contrôlé par version - suggérez des modifications sur github.

30 « J'aime »
Harmonizing Discourse icons and emojis
2

If anyone is looking to contribute an icon set, but doesn’t have one in mind:

MIT licensed, designed by the folks over at tailwindlabs.com

4 « J'aime »
3

Hope to help, here are some icons you can use

4

Nice suggestion, I added this and updated the OP with a screenshot. It doesn’t have a lot of icons, for example, it has no icons for the composer toolbar, but the icons it does have are quite nice. Thanks!

2 « J'aime »
5

Does this mean that Google Fonts is out of the question?

6

Google’s Material Icons license is permissive enough. But their repo is gigantic, and it might be time-consuming to find the path to each icon.

1 « J'aime »
7

Yes, but once it’s done, you won’t have to do it again. :slight_smile:

1 « J'aime »
8

Par hasard, pourrions-nous également obtenir les icônes Phosphor Regular ?

2 « J'aime »
9

Avec un peu de travail, vous (ou n’importe qui d’autre, en fait) devriez pouvoir créer un dépôt Phosphorus Regular à partir du dépôt duotone. Je serai heureux de l’examiner et de l’inclure dans la liste ici si nous avons un dépôt.

2 « J'aime »
10

Ce serait génial. Nous devrions avoir par défaut une liste d’ensembles d’icônes dans /admin, car ceux de FontAwesome sont un peu laids. :ok_man:

11

La laideur est une question de goût. Mais de nos jours, la fourniture d’icônes gratuites par Font Awesome est vraiment limitée.

D’un autre côté, combien d’icônes ont vraiment l’air :joy:

13

Il semble que lorsque nous chargeons l’un de ces ensembles, les icônes manquantes ne sont pas remplacées par celles par défaut de Font Awesome, donc c’est juste vide, pas très utilisable… :thinking:

J’aime l’ensemble feather, mais il manque beaucoup d’icônes utiles.

J’ai fait une PR sur le dépôt. Certains changements sont loin d’être parfaits, mais une mauvaise icône vaut mieux que pas d’icône du tout :smiling_face_with_tear:

Voici toutes les icônes nouvellement ajoutées (page mal codée en termes de style, colonne « alternatives » obsolète)
https://canapin.dev/discourse/feather-icons/

Principaux changements et changements pas si bons :

image
La carte de crédit est la plus proche de la carte d’adresse en termes de formes. D’autres alternatives pourraient être un livre fermé ou ouvert…

image
Le meilleur est le réticule. Un simple stylo a une forme assez similaire, mais c’est un stylo, et il est déjà utilisé pour les modifications.

image
Rien de proche. À mon avis, la meilleure solution est l’icône du CPU. J’ai fait une erreur dans ma PR et j’ai utilisé l’icône Zap, donc j’enverrai une autre PR pour corriger cela.

2 « J'aime »
14

J’ai remarqué les icônes Lucide :

C’est un fork de Feather, qui est à jour. Feather n’a que 287 icônes, Lucide en a 1701 (et ils ont, bien sûr, la plupart, sinon toutes les icônes manquantes).

Les deux ensembles sont sous licence MIT.

Donc, je suppose que dans ce cas, le support pour Feather devrait être abandonné et remplacé par Lucide.

Ma pull request semble un peu insignifiante maintenant :lolsob:

Peut-être que je pourrais essayer de créer un dépôt pour cet ensemble, si l’équipe l’approuve…

3 « J'aime »
15

Sans importance, mais lorsque l’on va sur https://canapin.dev, que l’on fait défiler jusqu’en bas et que l’on clique sur le forum de Virtualmin, c’était Discourse :discourse: !

1 « J'aime »
16

J’ai créé presque l’ensemble complet des icônes Lucide pour Discourse, mais où puis-je trouver la liste complète des icônes utilisées par le cœur de Discourse pour ne manquer aucune ?

Ce modèle discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub en manque quelques-unes. Un seul exemple, la palette

17

pourrait vous aider.

Les plugins et les composants peuvent ajouter des icônes supplémentaires. Je ne suis pas sûr de la manière de trouver les plus populaires. Il pourrait être judicieux de regarder les plugins qui sont #included-in-core. Donc, une recherche comme Repository search results · GitHub pourrait fonctionner.

1 « J'aime »
18

Voici le dépôt :

N’hésitez pas à le rendre officiel.

Font-Awesome

image
image2560×1271 258 KB

Lucide

image
image2560×1271 265 KB

3 « J'aime »