← Tous les outils texte

SVG en composant React

Transformez un SVG en composant React avec props, prêt à coller.

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de SVG en composant React

Collez un SVG et obtenez un composant React qui accepte des props comme width, height et color. Les attributs passent en camelCase (stroke-width devient strokeWidth) et class devient className. Remplacez les couleurs fixes par currentColor pour que l'icône suive la couleur du texte environnant.

Comment utiliser SVG en composant React

  1. Saisissez ou collez votre texte dans la zone ci-dessus.
  2. Le résultat s’affiche instantanément pendant la saisie.
  3. Copiez le résultat ou téléchargez-le sous forme de fichier.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

Comment changer la couleur d'une icône SVG dans React ?

Réglez fill ou stroke sur currentColor dans le SVG, puis modifiez la propriété CSS color du parent ou passez une prop color.

SVG en composant React est-il gratuit ?

Oui. SVG en composant React est gratuit sur Toolipedia, sans inscription et sans filigrane.

Est-ce sûr ?

Oui. Tous les calculs se font dans votre navigateur et rien de ce que vous saisissez n’est envoyé à notre serveur.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Android et iPhone, ainsi que sur tablette et ordinateur. Il n’y a rien à installer.

Faut-il un compte ?

Non. Ouvrez simplement la page et utilisez l’outil. Aucune inscription ni adresse e-mail n’est nécessaire.

Outils similaires