Usando
Como Adicionar Ícones
Adicionando e usando ícones do rocketicons em sua aplicação.
Se você é novo aqui ou ainda não tem o rocketicons instalado, talvez você queira dar uma olhada nos Primeiros Passos antes de começar.
Usando nossa biblioteca de ícones, encontre o ícone que você precisa. Um ícone nada mais é do que um componente React, então sabendo o nome do componente e do sub pacote onde ele se encontra, você só precisa importá-lo.
Vamos usar como exemplo o componente RcRocketIcon que se encontra no sub pacote chamado rc. Você
pode importá-lo da seguinte forma:
Com o componente importado, basta adicioná-lo em qualquer lugar do código onde ele seja necessário.
Isso é tudo que você precisa para adicionar um ícone no seu projeto.
Agora que você já tem o ícone, muito provalvemente você vai querer estilizá-lo, porque, depois da possibilidade que o rocketicons traz entre compartilhar código entre aplicações Web e Mobile, a facilidade de personalizar a aparência e o comportamento do ícone ao seu projeto, é a funcionalidade mais poderosa dessa ferramenta.
Então seguem alguns links que podem te ajudar nessa tarefa:
Cores
Modo Escuro
Design Responsivo
Dimensionando Ícones
Hover, Focus e Outros Estados
Estilização