Como usar este conversor
- Cole o código SVG no campo acima
- Escolha o framework (React ou Vue)
- Defina o nome do componente
- Para React, opcionalmente ative TypeScript
- Clique em "Converter" e copie o código gerado
Conversões Automáticas
- React: Atributos convertidos para camelCase (stroke-width → strokeWidth)
- React: class → className
- React: Suporte para TypeScript com tipagem completa
- Vue: Mantém sintaxe HTML padrão com kebab-case
- Remove declarações XML e comentários automaticamente
Por que converter SVG para componentes?
- ✅ Melhor performance (sem requisições HTTP)
- ✅ Reutilização fácil em todo o projeto
- ✅ Controle dinâmico de props (cor, tamanho, etc)
- ✅ Type-safe com TypeScript
- ✅ Tree-shaking automático