Transformez instantanément vos fichiers SVG en composants frontend TypeScript et JavaScript avec support de currentColor.

Source size: 24 x 24 px (aspect ratio 1.000)
100% Private & Secure - Your data is never shared or stored anywhere.
Générez des composants frontend modernes, typés et accessibles à partir de vos fichiers SVG en quelques millisecondes.
Enjoy 3 free conversions with no signup required. When you're ready for more, create a free account to unlock unlimited access.
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.