Ícones alternativos

Documentação Guias do Desenvolvedor
,
1

Por padrão, o Discourse agrupa ícones da excelente biblioteca FontAwesome. Mas existem muitas bibliotecas de ícones de uso gratuito por aí. Este tópico é o lar de conjuntos de ícones alternativos. Ele lista alguns componentes de tema que você pode experimentar agora, mas também descreve como você pode contribuir para que o Discourse suporte outros conjuntos de ícones.

Conjuntos de ícones alternativos

Se você estiver interessado em experimentar um conjunto de ícones diferente, aqui está uma lista de componentes de tema que você pode experimentar:

(Consulte Como instalar um tema ou componente de tema para obter ajuda para colocar um desses repositórios no seu site Discourse.)

Esses componentes estão em andamento. Você pode usá-los, mas observe que nem todos os ícones do núcleo terão uma substituição apropriada. (Contribuições são bem-vindas, no entanto, veja abaixo.)

Algumas capturas de tela:

image
image1824×1158 159 KB

Feather icons (usando o esquema de cores WCAG Dark)

image
image1926×1282 163 KB

Heroicons (usando o esquema de cores WCAG Light)

image
image1732×1256 165 KB

Unicons (usando o esquema de cores Grey Amber)

image
image1726×1256 163 KB

Phosphor Duotone (usando o esquema de cores WCAG Light)

Contribuindo

Desenvolvedores de temas e designers, esta seção é para vocês.

Os componentes listados acima são gerados usando o repositório de utilitários discourse-alt-icons, que simplifica a substituição de ícones no núcleo do Discourse por ícones de outros conjuntos de ícones de código aberto. O coração do repositório é um script de compilação que gera um componente de tema a partir de um arquivo JSON de mapeamentos de nomes de ícones.

Contribuições são bem-vindas e incentivadas. O Discourse usa muitos ícones do FontAwesome e encontrar correspondências em outros conjuntos de ícones é uma tarefa divertida, mas demorada. Se você quiser ajudar, pode clonar o discourse-alt-icons e seguir as etapas no readme para adicionar correspondências para ícones que ainda não as têm.

Suporte a outros conjuntos de ícones

Por favor, use as respostas abaixo para propor adicionar suporte a outro conjunto de ícones. Ou, melhor ainda, com um pouco de trabalho, você pode enviar um pull request para o repositório discourse-alt-icons. Observe que apenas conjuntos de ícones com licenças muito permissivas (ou seja, devem permitir modificação, distribuição, uso privado) serão considerados.

Este documento é controlado por versão - sugira alterações no github.

30 curtidas
Harmonizing Discourse icons and emojis
2

If anyone is looking to contribute an icon set, but doesn’t have one in mind:

MIT licensed, designed by the folks over at tailwindlabs.com

4 curtidas
3

Hope to help, here are some icons you can use

4

Nice suggestion, I added this and updated the OP with a screenshot. It doesn’t have a lot of icons, for example, it has no icons for the composer toolbar, but the icons it does have are quite nice. Thanks!

2 curtidas
5

Does this mean that Google Fonts is out of the question?

6

Google’s Material Icons license is permissive enough. But their repo is gigantic, and it might be time-consuming to find the path to each icon.

1 curtida
7

Yes, but once it’s done, you won’t have to do it again. :slight_smile:

1 curtida
8

Por acaso, poderíamos ter os Ícones Phosphor Regular também?

2 curtidas
9

Com um pouco de trabalho, você (ou qualquer pessoa, na verdade) deve ser capaz de criar um repositório Phosphorus Regular a partir do repositório duotone. Ficarei feliz em revisar e incluí-lo na lista aqui se tivermos um repositório.

2 curtidas
10

Isso seria incrível. Deveríamos ter uma lista de conjuntos de ícones por padrão em /admin, já que os do FontAwesome são meio feios. :ok_man:

11

A feiura é uma questão de gosto. Mas hoje em dia, a oferta de ícones gratuitos da Font Awesome é realmente limitada.

Por outro lado — quantos ícones realmente parecem :joy:

13

Parece que quando carregamos um desses conjuntos, os ícones ausentes não são substituídos pelos ícones padrão do Font Awesome, então fica apenas em branco, pouco utilizável… :thinking:

Eu gosto do conjunto feather, mas ele carece de muitos ícones úteis.

Eu fiz um PR no repositório. Algumas mudanças estão longe de serem perfeitas, mas um ícone ruim ainda é melhor do que nenhum ícone :smiling_face_with_tear:

Aqui estão todos os ícones recém-adicionados (página com codificação de vibe ruim, coluna de “alternativas” desatualizada)
https://canapin.dev/discourse/feather-icons/

Principais e não tão boas mudanças:

image
Cartão de crédito é o mais próximo de address-card em termos de formas. Outras alternativas poderiam ser um livro fechado ou aberto…

image
O melhor é crosshair (mira), eu acho. Uma caneta simples tem uma forma bem parecida, mas é uma caneta, e já é usada para edições.

image
Nada parecido. Na minha opinião, o que melhor se encaixa é o ícone de CPU. Eu errei no meu PR e usei o ícone Zap, então enviarei outro PR para corrigir isso.

2 curtidas
14

Acabei de notar os ícones Lucide:

Este é um fork do Feather, que está atualizado. O Feather tem apenas 287 ícones, o Lucide tem 1701 (e eles têm, é claro, a maioria, se não todos os ícones ausentes).

Ambos os conjuntos estão sob a licença MIT.

Então, acho que neste caso o suporte para Feather deve ser abandonado e substituído por Lucide.

Minha solicitação de pull parece um pouco sem sentido agora :lolsob:

Talvez eu possa tentar criar um repositório para este conjunto, se aprovado pela equipe…

3 curtidas
15

Irrelevante, mas ao ir para https://canapin.dev, rolar até o final e clicar no fórum do Virtualmin, era Discourse :discourse: !

1 curtida
16

Criei quase todo o conjunto de ícones Lucide para o Discourse, mas onde posso encontrar a lista completa de ícones usados pelo núcleo do Discourse para não perder nenhum?

Este modelo discourse-alt-icons/mappings/template.json at main · discourse/discourse-alt-icons · GitHub está faltando alguns. Um único exemplo, a paleta

17

pode ajudar você.

Plugins e componentes podem adicionar ícones adicionais. Não tenho certeza de como encontrar os populares lá. Pode fazer sentido olhar para os plugins que estão em #included-in-core. Portanto, pesquisar por algo como Repository search results · GitHub pode funcionar.

1 curtida
18

Aqui está o repositório:

Sinta-se à vontade para torná-lo oficial.

Font-Awesome

image
image2560×1271 258 KB

Lucide

image
image2560×1271 265 KB

3 curtidas
19

É possível adicionar outros ícones nas configurações? Parece que os ícones de jornal, microfone e gamepad estão faltando