Pourquoi nous l’avons créé
Tout projet front-end finit par avoir besoin d’icônes sur mesure. Les designers exportent des fichiers SVG, et les développeurs passent du temps à renommer des attributs, à retirer les métadonnées de l’éditeur et à envelopper le balisage dans des composants. Les convertisseurs en ligne existants envoient souvent vos fichiers sur un serveur, affichent des publicités entre les étapes ou ne gèrent que React.
SvgJsx fonctionne entièrement dans votre navigateur, prend en charge les frameworks réellement utilisés par les équipes et produit du code conforme aux conventions actuelles, que vous pouvez commiter sans nettoyage manuel.
Comment ça marche
Le convertisseur intègre un petit parseur XML écrit en TypeScript. Il construit un arbre à partir de votre SVG, applique les étapes de nettoyage choisies — suppression des métadonnées, arrondi des nombres ou remplacement des couleurs par currentColor — puis imprime l’arbre en JSX, en template Vue ou en composants react-native-svg. Ce code est couvert par des tests automatisés pour chaque option et pour les entrées mal formées.
Le site est généré statiquement et servi depuis un CDN. Il n’y a ni backend, ni base de données, ni système de comptes.
Principes
Le projet suit quelques principes simples :
- La confidentialité d’abord : votre SVG ne quitte jamais votre appareil.
- Un résultat lisible : du code formaté avec uniquement les imports nécessaires.
- Sûr par défaut : les scripts et gestionnaires d’événements en ligne sont supprimés.
- Disponible en sept langues : anglais, chinois, espagnol, allemand, français, japonais et portugais.