Convertidor de SVG a React Native
Convierte archivos SVG en componentes para react-native-svg. path pasa a <Path>, currentColor a una prop color, y cada icono acepta size y SvgProps. Todo se ejecuta en tu navegador.
Arrastra archivos SVG o una carpeta aquío haz clic en cualquier parte del recuadro
Los archivos se quedan en tu dispositivo
Cómo convertir SVG a React Native
Tres pasos, unos diez segundos. No se sube nada.
Arrastra tus archivos SVG
Elige TypeScript o JavaScript
Copia o descarga
Más herramientas gratis
Convierte, optimiza y empaqueta iconos en tu navegador. No se sube nada.
- SVG a PNGPNG nítidos en cualquier tamaño, uno o cientos.Abrir herramienta
- PNG a SVGVectoriza un PNG o JPG en un vector limpio.Abrir herramienta
- PNG a ICOArchivos .ico de favicon con 16 a 256 px dentro.Abrir herramienta
- Favicon e iconos de appConjuntos para web, Chrome, iOS y Android.Abrir herramienta
- SVG a ReactComponentes JSX tipados, listos para pegar.Abrir herramienta
- Optimizador SVGSVG más ligeros sin perder nada visible.Abrir herramienta
- Sprite SVGMuchos iconos en un solo sprite.svg.Abrir herramienta
- Creador de stickersArchivos de stickers para WhatsApp y Telegram.Abrir herramienta
- Animador de iconosSVG animado, Lottie, GIF, stickers de Telegram.Abrir herramienta
- SVG a JPGImágenes JPG planas a cualquier tamaño.Abrir herramienta
- SVG a WebPWebP pequeños a partir de vectores.Abrir herramienta
- PNG a WebPReduce imágenes para la web.Abrir herramienta
- PNG a JPGFotos más ligeras, fondo blanco o de color.Abrir herramienta
- JPG a PNGPNG sin pérdida a partir de fotos.Abrir herramienta
- WebP a PNGPNG que se abren en cualquier app.Abrir herramienta
- ICO a PNGExtrae el icono de un favicon.Abrir herramienta
- JPG a SVGVectoriza fotos y logos.Abrir herramienta
- SVG a VueComponentes de un archivo con prop size.Abrir herramienta
- SVG a SvelteComponentes Svelte con prop size.Abrir herramienta
- SVG a data URISVG en línea para CSS y etiquetas img.Abrir herramienta
- SVG a PDFPDF vectoriales que se imprimen nítidos.Abrir herramienta
- PNG a PDFUna imagen por página, A4 o Letter.Abrir herramienta
- JPG a PDFFotos como páginas PDF, listas para imprimir.Abrir herramienta
- Lottie a GIFGIF animados a partir de archivos .json o .lottie.Abrir herramienta
- Texto a faviconIniciales como favicon.ico e iconos de app.Abrir herramienta
- Emoji a faviconCualquier emoji como favicon en un clic.Abrir herramienta
- Lottie a MP4Vídeos MP4 a partir de archivos .json o .lottie.Abrir herramienta
- SVG a LottieArchivos Lottie animados a partir de cualquier icono SVG.Abrir herramienta
- Creador de GIFGIF animados a partir de iconos SVG.Abrir herramienta
- Imagen a stickerFotos y PNG convertidos en stickers de WhatsApp y Telegram.Abrir herramienta
- Texto a stickerStickers de palabras para WhatsApp y Telegram.Abrir herramienta
- Emoji a stickerStickers de emoji grandes con texto.Abrir herramienta
- Visor SVGAbre, inspecciona y edita código SVG.Abrir herramienta
- Minificador SVGMinifica código SVG al archivo más pequeño.Abrir herramienta
- Comprobador de faviconRevisa los favicons e iconos de app de cualquier web.Abrir herramienta
SVG a React Native: preguntas frecuentes
¿Aún tienes dudas? Lee la licencia o escríbenos.
react-native-svg (npm install react-native-svg). Los proyectos Expo ya lo incluyen.
Los iconos de un color aceptan una prop color: <Icon color="#00BC7D" />. Los de varios colores conservan sus rellenos.
Trazados, formas, grupos, degradados, clip paths y máscaras. react-native-svg no admite bloques <style> ni filtros.
No. La conversión se ejecuta en tu navegador; los archivos nunca salen de tu equipo.