¿Dónde puedo encontrar una lista de los iconos utilizados por Discourse?

Soporte
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

Esto debería ser lo que estás buscando:

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

Tengo la misma pregunta y el enlace de arriba no funciona. He buscado y repasado mucho este tema: Introducing Font Awesome 5 and SVG icons, pero tampoco veo una lista para saber si un icono pertenece al conjunto principal o no. Tampoco puedo encontrar otros resultados de búsqueda relacionados en el foro.

7

Discourse utiliza los iconos gratuitos de Font Awesome. Todos los iconos disponibles que se pueden usar se encuentran aquí. Es posible que debas agregar algunos iconos al subconjunto de iconos SVG en la configuración del sitio. Puedes ver qué iconos hay en tu sitio agregando /styleguide/atoms/icons a la URL. Si esto no aparece, verifica que styleguide enabled esté activado en la configuración del sitio.

Si deseas acceder a los iconos de pago, necesitas instalar el plugin Discourse FontAwesome Pro.

8

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

Tienes esto en tu foro también. Es posible que necesites habilitar el plugin.

9

¡Gracias @ondrej y @pfaffman! Ya estaba familiarizado con el uso de Font Awesome y sabía que podría necesitar agregar algunos nuevos, por eso quería saber qué se incluía. Los enlaces de los plugins Meta y Styleguide son muy útiles. Todavía tengo un poco de dificultad para entender cómo agregar nuevos en algunos (pero, extrañamente, no en todos) los casos, pero crearé un tema/respuesta separado sobre eso. :wink: