Já executou npx rocketicons init? Ótimo. Escolha o ID exato no explorador de ícones e adicione apenas esse componente:
O comando atual aceita um ícone por vez. Para instalar um pequeno conjunto, deixe cada passo explícito e repita:
Cada comando cria um arquivo TSX em src/ri/icons. Esse é o ponto importante: sua aplicação passa a ser dona do componente selecionado, em vez de importar um pacote cheio de ícones.
Renderize como qualquer outro componente React. As classes de ícone compatíveis com Tailwind controlam cor e tamanho:
Depois do comando, confirme que src/ri/icons/rc-rocket-icon.tsx existe e revise o arquivo com suas ferramentas habituais de controle de versão. Faça commit dos ícones gerados junto com a funcionalidade que os usa. Assim, colegas, CI e builds offline recebem exatamente o mesmo código.
O comando add atual sobrescreve o arquivo de destino. Se você alterou um ícone gerado manualmente, revise ou preserve esse trabalho antes de executar o comando de novo.
Agora é hora de deixar tudo com a sua cara: explore Cores, Modo escuro, Dimensionando ícones e Estilizando.