Conversor de SVG para JSX/TSX

Converta códigos gráficos SVG brutos em componentes limpos e otimizados prontos para React.

Código SVG de Entrada

Nome do Componente

Declaração

Suporte a TypeScript

Gera tipos estáticos (TSX) para as props.

Usar forwardRef

Permite passar refs para o elemento SVG nativo.

Remover dimensões

Remove width e height fixos da tag <svg>.

Propagar props ({...props})

Permite passar classes ou estilos arbitrários.

Cole um SVG válido para visualizar

/* O código React gerado aparecerá aqui... */