SviluppatoreMaxProcessado no seu navegador

Convertitore da SVG a React

Incolla il tuo sporco codice SVG e ottieni un componente React ottimizzato, pronto e formattato per il Web moderno.

Solo 1 utilizzo rimanente oggi. Passa a Pro per uso illimitato.

Output

Destinazione

web

Formato

TSX

Stato

Nessuna base

Configura conversione

SVG sorgente

Carica SVG

Clicca per caricare un file .svg

Componente

Formato

SVG

Opzioni del componente

Parità e ordine

Props

Destinazione ed esportazione

Destinazione

Esportazione

Output

Riempimento

Struttura

Lettura

Inserisci SVG.

Inserisci un SVG per generare il componente

Incolla il codice o carica un file .svg

Operazione

Web

Anteprima

Carica un SVG valido.

Snippet

Inserisci i valori.

§ Come usare

Trasforma il markup SVG grezzo in un componente React pulito e tipizzato — istantaneamente, nel browser.

Incolla il tuo SVG
Incolla il markup SVG o trascina un file .svg.
Imposta le opzioni
Scegli TypeScript o JSX, il nome del componente e se fare il forward di props/refs.
Copia il componente
Gli attributi vengono convertiti automaticamente in camelCase. Copia il componente pronto all'uso nel tuo progetto.

Correlati