Processamento no seu navegador — os arquivos nunca saem do seu dispositivo.
Grátis, sem cadastro, conta ou limites de uso.
Funciona em qualquer navegador moderno, inclusive no celular.
About this tool
Conversor de SVG para React JSX remove metadados XML desnecessários e converte código SVG bruto em componentes React JSX ou Vue 3 prontos para produção, com encaminhamento de props.
How to use
Cole seu markup <svg> bruto ou código de ícone.
Configure o nome do componente, o framework de destino (React/Vue) e a tipagem TypeScript.
Copie o código limpo e envolto em componente diretamente para a sua base de código.
FAQ
Ele corrige a nomenclatura de atributos como stroke-width?
Sim, todos os atributos XML kebab-case sao convertidos automaticamente para camelCase do React (strokeWidth, fillRule, className).