Informe o conteúdo
Informe o SVG como texto.
SVG para JSX
Converta a estrutura de um SVG em código JSX.
Usar svg para jsxProcessamento no seu navegador · Sem cadastro
Configure e execute
Revise as opções de conversão.
Confira e copie ou baixe
Confira o JSX antes de usar no projeto.
Antes de começar
SVG pode conter conteúdo ativo. Scripts, eventos e recursos externos não são executados nem carregados.
SVG pode conter conteúdo ativo. Scripts, eventos e recursos externos não são executados nem carregados.
UM EXEMPLO PARA SAIR DO ZERO
Quando usar svg para jsx
Converta marcação SVG em código JSX para revisar e usar em um projeto React. O resultado é código, não uma aprovação de segurança do conteúdo.
SVG com um atributo stroke-width
JSX com a representação compatível dos atributos suportados.
Exemplo ilustrativo com dados fictícios. Seus arquivos não são lidos nesta página.
Escolha a configuração certa
Revise nomes de atributos, estilos e referências antes de inserir o componente. A ferramenta não carrega imagens ou recursos remotos da entrada.
Confira antes de usar
Teste o componente em um ambiente de desenvolvimento e confira aparência e acessibilidade.
O resultado não é o que eu esperava. O que conferir?
SVG pode conter conteúdo ativo. Não publique marcação não confiável sem as proteções do seu projeto, mesmo que ela não seja executada nesta ferramenta.
Pronto para fazer com seu arquivo?Abrir svg para jsx →
Uma tarefa, sem etapas desnecessárias
Cole o conteúdo ou use um exemplo. Configure as opções, execute e confira o resultado antes de copiar ou baixar. Há limites de texto, profundidade, saída e tempo. Os componentes são carregados só quando necessários.
Como seu conteúdo é tratado
Esta ferramenta trabalha no navegador. O conteúdo do arquivo não é enviado ao servidor para realizar a conversão. Ao limpar a área ou sair, o resultado não fica salvo em uma conta da HubAdm. As páginas de trabalho não carregam publicidade. Conheça nossa política de privacidade.
Veja também: Conversores de dados: JSON, YAML, XML, Base64 e mais