DesarrolladorMaxProcessado no seu navegador

Convertidor SVG a React

Pega tu código SVG sucio y obtén un Componente React optimizado y formateado para la web moderna.

Solo 1 uso restante hoy. Pasa a Pro y úsalo sin límite.

Salida

Destino

web

Formato

TSX

Estado

Sin base

Configurar conversión

SVG de origen

Subir SVG

Haz clic para cargar un archivo .svg

Componente

Formato

SVG

Opciones del componente

Paridad y orden

Props

Destino y exportación

Destino

Exportar

Resultado

Color

Estructura

Lectura

Ingresa el SVG.

Ingresa un SVG para generar el componente

Pega el código o sube un archivo .svg

Operación

Web

Vista previa

Sube un SVG válido.

Fragmento

Ingresa los valores.

§ Cómo usar

Convierte marcado SVG en un componente React limpio y tipado — al instante, en tu navegador.

Pega tu SVG
Pega el marcado SVG o suelta un archivo .svg.
Configura opciones
Elige TypeScript o JSX, el nombre del componente y si reenviar props/refs.
Copia el componente
Los atributos se convierten a camelCase automáticamente. Copia el componente listo para tu proyecto.

Relacionadas