Ícones
Remix Icon
Biblioteca de ícones do projeto: @remixicon/react (remixicon.com). Cada ícone é um componente React nomeado Ri<Nome>Line ou Ri<Nome>Fill.
Como usar
Importa direto de @remixicon/react: sem provider, sem sprite. Cor vem de currentColor (herda a cor do texto ao redor) e tamanho é controlado com as classes de tamanho do Tailwind, igual a qualquer SVG:
import { RiCupLine } from "@remixicon/react";
<RiCupLine className="size-4 text-dourado" />Line por padrão, Fill com moderação
Todo ícone da Nexum usa o estilo Line (traço fino), que combina com o desenho vazado do ícone da marca. O estilo Fill (sólido) fica reservado pra indicar um estado ativo ou selecionado, quando precisar de mais peso visual, nunca como padrão.
Ícones em uso no projeto
RiArrowDownSLine
abrir select, accordion
RiArrowUpSLine
fechar select, accordion
RiArrowLeftSLine
paginação anterior
RiArrowRightSLine
paginação próximo, breadcrumb
RiCheckLine
checkbox, item selecionado
RiCloseLine
fechar dialog, sheet
RiMoreLine
reticências horizontais (breadcrumb, paginação)
RiMore2Line
reticências verticais (menu de ações)
RiSideBarLine
recolher/expandir sidebar
RiNotificationLine
avisos, notificações
RiSettingsLine
configurações
RiDashboardLine
visão geral do painel
RiCupLine
torneio, troféu, campeão
RiGroupLine
jogadores, lista de pessoas
RiHandHeartLine
patrocinador, parceria
RiEditLine
editar
RiDeleteBinLine
remover, ação destrutiva