0.3.1
  • Docs
  • Primeiros Passos
  • Icones
Selecione
GitHub
    Playground
  • Primeiros Passos
    • Guias
      • Fluxos para Agentes
      • Por que Escolher Rocketicons
      • Guias Rápidos por Framework
      • Arquivos Gerados
      • Migrando para Rocketicons
    • Usando os ícones
      • Adicionando Ícones
      • Cores
      • Modo Escuro
      • Design Responsivo
      • Atalhos
      • Dimensionando Ícones
      • Hover, Focus e Outros Estados
      • Estilização
    • Icons
      • Ant Design Icons
      • BoxIcons
      • Bootstrap Icons
      • css.gg
      • Circum Icons
      • Devicons
      • Font Awesome 5
      • Font Awesome 6
      • Flat Color Icons
      • Feather
      • Game Icons
      • Github Octicons icons
      • Grommet-Icons
      • Heroicons
      • Heroicons 2
      • IcoMoon Free
      • Ionicons 4
      • Ionicons 5
      • Icons8 Line Awesome
      • Lucide
      • Material Design icons
      • Phosphor Icons
      • rocketicons
      • Remix Icon
      • Radix Icons
      • Simple Icons
      • Simple Line Icons
      • Tabler Icons
      • Themify Icons
      • Typicons
      • VS Code Icons
      • Weather Icons
    • Roadmap

    Loading...

    Copyright © 2024 rocketclimb

    DiscordGitHub

    Guias

    Traga seus ícones para casa

    Você não precisa migrar tudo de uma vez. Faça a troca por ícone ou por funcionalidade.

    1. Encontre o equivalente visual

    Pesquise no explorador de ícones, compare as variantes e anote o ID exato @colecao/icone. Nomes parecidos nem sempre representam o mesmo desenho.

    2. Inicialize uma vez e adicione o escolhido

    terminal

    3. Troque o import do pacote

    Ajuste estilos e rótulos de acessibilidade quando necessário. Depois, compare o resultado renderizado em todos os tamanhos e estados usados na interface.

    4. Remova a dependência antiga por último

    Procure imports restantes no repositório. Remova o pacote anterior apenas quando nenhum deles existir e valide seu build normal de produção, web ou nativo.

    Rocketicons mantém utilitários compartilhados instalados, mas os componentes selecionados ficam no seu código. A vantagem é estrutural: sua aplicação não importa milhares de exports que nunca usa nem depende de tree-shaking para descartá-los.