Transformez instantanément vos fichiers SVG en composants frontend TypeScript et JavaScript avec support de currentColor.
Taille de la source : 24 x 24 px (aspect ratio 1.000)
100% Privé et sécurisé - Vos données ne sont jamais partagées ni stockées nulle part.
Générez des composants frontend modernes, typés et accessibles à partir de vos fichiers SVG en quelques millisecondes.
Profitez de 3 conversions gratuites sans inscription. Quand vous serez prêt pour plus, créez un compte gratuit pour débloquer un accès illimité.
Créez un compte gratuit pour continuer à convertir. Aucune carte bancaire requise, jamais.
Votre session et vos fichiers sont en sécurité. Ils restent dans cette session jusqu’à la fin de votre inscription.
Déposez votre fichier .svg ou collez directement le code source SVG.
Sélectionnez React (TSX/JSX), Vue 3, Svelte ou Tailwind et personnalisez le nom.
Copiez le code en 1 clic ou téléchargez le fichier composant prêt pour la production.
CrushSVG analyse le SVG directement dans votre navigateur, convertit les attributs en camelCase et produit un composant React propre et typé.
Oui ! Les composants sont compatibles avec Next.js (App Router), Vite, Remix et Astro.
Elle remplace les couleurs codées en dur par currentColor, permettant à l'icône d'hériter des classes Tailwind (ex. text-blue-500).
Non. Toute la conversion s'exécute localement dans votre navigateur pour une confidentialité totale.