Remix Icon

Tamanhos

Eles podem ser alterados ou criados conforme sua necessidade. Utilitários Tailwind como tamanho, altura e largura também estão disponíveis.

Cores

Use para escolher as cores dos ícones. Veja a documentação de cores do Tailwind para saber mais.

Atalhos

Utilitários podem ser combinados alterando o tamanho e a cor do ícone ao mesmo tempo. Use no formato icon-{cor}-{tamanho}.

Modo escuro

Usando Tailwind (e NativeWind no React-native), a variante de modo escuro pode ser utilizada para definir uma aparência diferente quando esse modo estiver ativado.

Hover, Focus, and Outros estados

O suporte na web e total, porém NativeWind tem algumas limitações, descritas na documentação oficial. Saiba mais sobre estados.

Animações

As animações do Tailwind funcionam com os ícones. Você pode criar suas próprias animações.

Mais estilos

Além do utilitários icons-*, você tem disponível tudo o que o Tailwind oferece, permitindo que você chegue a praticamente qualquer resultado.