Iconos Lucide para Discourse

:information_source: Resumen Reemplaza los iconos sólidos predeterminados de Font Awesome con este conjunto de iconos de trazo de código abierto
:eyeglasses: Vista previa Utilizado aquí en Meta en el tema Meta Branded
:hammer_and_wrench: Repositorio github.com/discourse/discourse-lucide-icons
:question: Guía de instalación Cómo instalar un tema o un componente de tema
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Lleva un sistema de iconos fresco a tu foro de Discourse reemplazando los iconos predeterminados de Font Awesome por Lucide — un conjunto moderno, de código abierto, consistente y ligero de iconos de trazo.


¿Por qué Lucide?

Discourse viene con Font Awesome, que es una biblioteca de iconos sólida y de propósito general. Sin embargo, el nivel gratuito de Font Awesome tiene una selección limitada de iconos de estilo de trazo, insuficiente para construir un sistema coherente de iconos de trazo. Lucide llena ese vacío: es un bifurcado mantenido por la comunidad de Feather Icons con una biblioteca en crecimiento de iconos SVG limpios que funcionan maravillosamente en todos los tamaños.

Este componente se utiliza aquí en meta.discourse.org como parte del tema Meta Branded.


Configuración


Una vista previa de la biblioteca completa de iconos

El componente agrega un conjunto limitado que busca mapear todos los iconos predeterminados de Font Awesome.

Lucide ofrece muchos más iconos. Para incluir adicionales en tu tema, consulta Reemplazar los iconos SVG predeterminados de Discourse con iconos personalizados en un tema.


Notas y limitaciones conocidas

  • No todos los iconos de Font Awesome tienen un equivalente directo en Lucide. En algunos casos, el componente mantiene intencionalmente la versión de Font Awesome (por ejemplo, las variantes rellenas de los iconos de cuadrado y círculo).
  • La asignación de iconos se está mejorando activamente. ¡Las opiniones sobre iconos específicos son bienvenidas!
21 Me gusta

¡Me encanta ver esto!

Lo descubrí por casualidad cuando creé Quote Callout TC, y el trazo ligero (y su variante) realmente marca la diferencia. ¡Ahora lo uso la mayoría de las veces que puedo!

2 Me gusta

Qué bonito, estoy probando :smiley:

1 me gusta

El icono del botón para saltar a la publicación a la que se está respondiendo se parece a un botón de ‘compartir’, lo cual no parece correcto.

También he publicado otro fragmento de mi opinión aquí: Rebuilding the Meta Branded theme: New icons, a custom homepage, and a first look at the Blocks API - #12 by NateDhaliwal.

3 Me gusta

Iconos – Lucide calendar-heart no se puede mostrar en Discourse. Lo he agregado en los iconos SVG de la subred.

Creo que esa funcionalidad es exclusiva de Font Awesome 6.

Para incluir más iconos de Lucide en tu sitio, creo que necesitas hacer lo siguiente:

2 Me gusta

¡Es bastante difícil responder a un Boost!

Creo que todavía estamos en el 6.

1 me gusta

¡Vaya! Eso no está bien documentado en meta.discourse.org, ¿verdad? ¡Ciertamente no pude encontrar nada mediante la Búsqueda, y tampoco lo pudo hacer ask.discourse.org!

Encuentro muy confusos los iconos en la parte inferior del historial de ediciones. El icono de la izquierda, que significa “ir a la versión anterior”, está reflejado en la derecha para significar “saltar a la versión más reciente”. ¿No podrían diseñarse los iconos como pares correspondientes para que se puedan usar de la misma manera tanto para “atrás” como para “adelante”?

5 Me gusta