Optimiza tu flujo de trabajo
Copiar y pegar código SVG es cosa del pasado. Al convertir tus SVGs en componentes, obtienes un control total sobre las propiedades, permitiendo cambiar colores y tamaños dinámicamente mediante props.
Por qué usar Svg-a-Jsx
- Optimización instantánea: Eliminamos metadatos innecesarios de los archivos SVG originales para reducir el peso del bundle.
- Soporte para TypeScript: Generamos las interfaces necesarias para que tu autocompletado funcione a la perfección.
- Flexibilidad total: La opción `currentColor` permite que tus iconos hereden automáticamente el color del texto de su contenedor.
Preguntas Frecuentes (FAQ)
¿Cómo se usa el código generado?
Simplemente crea un nuevo archivo .jsx o .tsx en tu proyecto de React, pega el código copiado y expórtalo. Luego podrás importarlo como cualquier otro componente.
¿Puedo usarlo con React Native?
El código generado es principalmente para React (web). Para React Native necesitarás usar la librería `react-native-svg` y adaptar ligeramente las etiquetas si no usas react-native-svg-transformer.