Onde posso encontrar uma lista de ícones usados pelo Discourse?

Suporte
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

Isso deve ser o que você está procurando:

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

Tenho a mesma pergunta, e o link acima não funciona. Pesquisei e li rapidamente grande parte deste tópico: Introducing Font Awesome 5 and SVG icons
Mas, da mesma forma, não vejo uma lista para saber se um ícone faz parte do conjunto principal ou não. Também não consigo encontrar outros resultados relacionados na pesquisa do fórum.

7

O Discourse utiliza os ícones gratuitos do Font Awesome. Todos os ícones disponíveis que podem ser usados estão listados aqui. Pode ser necessário adicionar alguns ícones ao subconjunto de ícones SVG nas configurações do site. Você pode ver quais ícones estão disponíveis no seu site adicionando /styleguide/atoms/icons à URL. Se isso não aparecer, verifique se a opção styleguide enabled está ativada nas configurações do site.

Se quiser acessar os ícones Pro, é necessário instalar o plugin Discourse FontAwesome Pro.

8

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

Seu fórum também tem isso. Talvez você precise ativar o plugin.

9

Obrigado @ondrej e @pfaffman! Eu já estava familiarizado com o uso do Font Awesome e sabia que talvez precisasse adicionar alguns novos, por isso queria saber o que estava incluso. Os links dos plugins Meta e Styleguide são ambos muito úteis. Ainda estou com um pouco de dificuldade para entender como adicionar novos em alguns casos (mas, estranhamente, não em todos), mas vou criar um tópico/resposta separado sobre isso. :wink: