Aller au contenu principal
PromoteurMaxProcessado no seu navegador

Convertisseur SVG en réaction

Collez votre code SVG sale et obtenez un composant React optimisé prêt et formaté pour le Web moderne.

Plus que 1 utilisation restante aujourd'hui. Passez à Pro pour un usage illimité.

Mettre à niveau
Sortie
-
Cible
web
Format
TSX
Statut
Aucune base

Configurer la conversion

SVG source
Téléverser un SVG
Cliquez pour téléverser un fichier .svg
Composant
Format
SVG
Options du composant
Parité et ordre
Props
Cible et export
Cible
Export
Sortie

Composant généré

Remplissage
-
Structure
-
Lecture
Insérez un SVG.
Insérez un SVG pour générer le composant
Collez le code ou téléversez un fichier .svg
Opération

Aperçu et utilisation

Web
Aperçu
Téléversez un SVG valide.
Extrait
Insérez les valeurs.

§ Comment utiliser

Comment convertir un SVG en composant React

Transformez du code SVG brut en un composant React propre et typé — instantanément, dans votre navigateur.

  1. Collez votre SVG

    Collez le code SVG ou déposez un fichier .svg.

  2. Réglez les options

    Choisissez TypeScript ou JSX, le nom du composant et s'il faut transmettre les props/refs.

  3. Copiez le composant

    Les attributs sont mis en camelCase automatiquement. Copiez le composant prêt à l'emploi dans votre projet.

Connexes

Outils similaires

Da mesma categoria.

Gratuit

Minificateur JS

Réduisez la taille de la charge utile Javascript Vanilla sans douleur.

Gratuit

Minificateur HTML

Compressez votre sortie HTML en supprimant les espaces morts pour économiser la bande passante.

Pro

JSON en CSV

Exportez parfaitement les tableaux de données JSON dans des feuilles de calcul CSV.

Pro

Décodeur JWT

Inspectez et déboguez les charges utiles des jetons Web JSON.

Gratuit

Éditeur de démarques

Écrivez et prévisualisez Markdown à saveur Github en temps réel.

Gratuit

Convertisseur de timestamp

Convertissez les timestamps Unix en dates lisibles et inversement.