Convertitore da SVG a React
Trasforma file SVG in componenti React da incollare nel tuo progetto. TypeScript o JavaScript, con props size e title.
Trascina qui file SVG o una cartellaoppure clicca ovunque in questo riquadro per scegliere
I file restano sul tuo dispositivo
Come convertire SVG in React
Tre passaggi, circa dieci secondi. Nulla viene caricato.
Trascina i tuoi file SVG
Scegli TypeScript o JavaScript
Copia o scarica
Altri strumenti gratuiti
Converti, ottimizza e impacchetta icone direttamente nel tuo browser. Nulla viene caricato.
- SVG in PNGPNG nitidi in qualsiasi dimensione, un file o centinaia.Apri strumento
- PNG in SVGTraccia un PNG o JPG in un vettoriale pulito.Apri strumento
- PNG in ICOFile favicon .ico con dentro da 16 a 256 px.Apri strumento
- Favicon e icone appSet per sito web, Chrome, iOS e Android.Apri strumento
- Ottimizzatore SVGFile SVG più piccoli senza perdere nulla di visibile.Apri strumento
- Sprite SVGTante icone in un unico file sprite.svg.Apri strumento
- Creatore di stickerFile sticker per WhatsApp e Telegram.Apri strumento
- Animatore di iconeSVG animato, Lottie, GIF, sticker Telegram.Apri strumento
- SVG in JPGImmagini JPG piatte in qualsiasi dimensione.Apri strumento
- SVG in WebPImmagini WebP piccole dai vettoriali.Apri strumento
- PNG in WebPRiduci le immagini per il web.Apri strumento
- PNG in JPGFoto più piccole, sfondo bianco o colorato.Apri strumento
- JPG in PNGPNG senza perdita dalle foto.Apri strumento
- WebP in PNGFile PNG che si aprono ovunque.Apri strumento
- ICO in PNGEstrai l'icona da una favicon.Apri strumento
- JPG in SVGTraccia foto e loghi in vettoriali.Apri strumento
- SVG in VueComponenti single-file con una prop size.Apri strumento
- SVG in SvelteComponenti Svelte con una prop size.Apri strumento
- SVG in React NativeComponenti react-native-svg, tipizzati.Apri strumento
- SVG in data URISVG inline per CSS e tag img.Apri strumento
- Da SVG a PDFPDF vettoriali che si stampano nitidi.Apri strumento
- Da PNG a PDFUn'immagine per pagina, A4 o Letter.Apri strumento
- Da JPG a PDFFoto come pagine PDF, pronte per la stampa.Apri strumento
- Da Lottie a GIFGIF animate da file .json o .lottie.Apri strumento
- Da testo a faviconIniziali come favicon.ico e icone app.Apri strumento
- Da emoji a faviconQualsiasi emoji come favicon in un clic.Apri strumento
Una funzione per icona che restituisce l'SVG come JSX. Accetta size, title e qualsiasi prop SVG, come className o onClick.
Le icone monocolore usano currentColor, quindi prendono il colore del testo circostante. Impostalo con il CSS o una prop color.
Sì. I componenti sono React puro senza dipendenze, quindi funzionano in Next.js, Vite e Remix.
Gli id vengono resi unici con useId di React, così più icone con gradienti possono stare sulla stessa pagina senza conflitti.