Wo finde ich eine Liste der von Discourse verwendeten Icons?

Unterstützung
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

Das sollte das sein, wonach du suchst:

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

Ich habe die gleiche Frage, und der obige Link funktioniert nicht. Ich habe gesucht und einen Großteil dieses Themas überflogen: Introducing Font Awesome 5 and SVG icons
Auch ich sehe keine Liste, um zu erkennen, ob ein Icon im Kern-Set enthalten ist oder nicht. Ich kann auch keine weiteren verwandten Suchergebnisse im Forum finden.

7

Discourse verwendet die kostenlosen Font Awesome-Icons. Alle verfügbaren Icons, die verwendet werden können, finden Sie hier. Möglicherweise müssen Sie einige Icons zur svg icon subset in den Site-Einstellungen hinzufügen. Sie können sehen, welche Icons auf Ihrer Site vorhanden sind, indem Sie /styleguide/atoms/icons an die URL anhängen. Falls dies nicht angezeigt wird, prüfen Sie bitte, ob styleguide enabled in den Site-Einstellungen aktiviert ist.

Wenn Sie auf die Pro-Icons zugreifen möchten, müssen Sie das Plugin Discourse FontAwesome Pro installieren.

8

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

Das ist auch in deinem Forum vorhanden. Möglicherweise musst du das Plugin aktivieren.

9

Danke an @ondrej und @pfaffman! Ich war mit der Verwendung von Font Awesome vertraut und wusste, dass ich möglicherweise einige neue hinzufügen muss, weshalb ich wissen wollte, was enthalten ist. Die Links zu den Plugins Meta und Styleguide sind beide sehr hilfreich. Ich habe immer noch ein wenig Schwierigkeiten herauszufinden, wie man in einigen (aber seltsamerweise nicht allen) Fällen neue hinzufügt, aber ich werde dazu ein separates Thema/eine separate Antwort erstellen. :wink: