Por qué la creamos
Todo proyecto front-end acaba necesitando iconos propios. Los diseñadores exportan archivos SVG y los desarrolladores pierden tiempo renombrando atributos, eliminando metadatos del editor y envolviendo el marcado en componentes. Los convertidores online existentes suelen subir tus archivos a un servidor, mostrar anuncios entre pasos o solo admitir React.
SvgJsx funciona íntegramente en tu navegador, admite los frameworks que los equipos usan de verdad y genera código que sigue las convenciones actuales, de modo que puedes hacer commit del resultado sin limpiarlo a mano.
Cómo funciona
El convertidor incluye un pequeño parser XML escrito en TypeScript. Construye un árbol a partir de tu SVG, aplica los pasos de limpieza seleccionados, como eliminar metadatos, redondear números o sustituir colores por currentColor, e imprime el árbol como JSX, como plantilla de Vue o como componentes de react-native-svg. Ese mismo código está cubierto por pruebas automáticas para cada opción y para entradas mal formadas.
El sitio se genera de forma estática y se sirve desde una CDN. No hay backend, ni base de datos, ni sistema de cuentas.
Principios
El proyecto sigue unos principios sencillos:
- Privacidad ante todo: tu SVG nunca sale de tu dispositivo.
- Código legible: resultado formateado y solo con los imports necesarios.
- Seguro por defecto: se eliminan los scripts y los manejadores de eventos en línea.
- Disponible en siete idiomas: inglés, chino, español, alemán, francés, japonés y portugués.