Où puis-je trouver une liste des icônes utilisées par Discourse ?

Soutien
1

In the sample “new like icon” repo, we see:

<script type="text/discourse-plugin" version="0.8">
      api.replaceIcon('d-liked', 'thumbs-up');
      api.replaceIcon('d-unliked', 'thumbs-o-up');
      api.replaceIcon('notification.liked', 'thumbs-o-up');
      api.replaceIcon('notification.liked_2', 'thumbs-o-up');
      api.replaceIcon('notification.liked_many', 'thumbs-o-up');
      api.replaceIcon('heart', 'thumbs-up');
</script>

I don’t know that I’d have guessed to replace notification.liked_many_2

Where could we see a list of all the icons in use by discourse?

2

Ceci devrait être ce que vous recherchez :

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse-common/addon/lib/icon-library.js

3

I was trying to replace an icon over in this topic: How to replace an icon using CSS

The icon in question was .d-icon-lock, but I don’t see it in the list above. Where would I find the icon, so I know what to target in the api.replaceIcon above?

4

In this case you would just use the FA icon name:

<script type="text/discourse-plugin" version="0.8">
  api.replaceIcon('lock', 'times-circle');
</script>
5

I see. I guess I was asking for a list of all icons… perhaps searching the source for {d-icon ' is what I’m looking for.

6

J’ai la même question, et le lien ci-dessus ne fonctionne pas. J’ai cherché et parcouru une grande partie de ce sujet : Introducing Font Awesome 5 and SVG icons, mais je ne vois toujours pas de liste pour savoir si une icône fait partie de l’ensemble de base ou non. Je ne trouve aucun autre résultat de recherche lié sur le forum non plus.

7

Discourse utilise les icônes gratuites de Font Awesome. Toutes les icônes disponibles qui peuvent être utilisées se trouvent ici. Vous devrez peut-être ajouter certaines icônes au sous-ensemble d'icônes SVG dans les paramètres du site. Vous pouvez voir quelles icônes sont présentes sur votre site en ajoutant /styleguide/atoms/icons à l’URL. Si cela n’apparaît pas, veuillez vérifier que styleguide enabled est activé dans les paramètres du site.

Si vous souhaitez accéder aux icônes Pro, vous devez installer le plugin Discourse FontAwesome Pro.

8

https://meta.discourse.org/styleguide/atoms/icons

Vous avez également cela sur votre forum. Vous devrez peut-être activer le plugin.

9

Merci @ondrej et @pfaffman ! Je connaissais déjà l’utilisation de Font Awesome et je savais que je pourrais avoir besoin d’en ajouter quelques-uns, c’est pourquoi je voulais savoir ce qui était inclus. Les liens vers les plugins Meta et Styleguide sont tous deux très utiles. J’ai encore un peu de mal à comprendre comment en ajouter de nouveaux dans certains cas (mais étrangement pas dans tous), mais je créerai un sujet/réponse séparé à ce sujet. :wink: