SVG en code — gratuit et en ligne

Vous avez une jolie petite icône SVG et vous voulez la glisser directement dans votre code, mais coller du SVG brut ne marche presque jamais comme il faut. Parfois vous la voulez en fond CSS, parfois en data-URI bien propre, parfois en composant React. Nous avons ajouté un outil gratuit qui gère tout ça — SVG to Code — directement dans votre navigateur.

Ce qu'il fait

Collez votre SVG et il le convertit pour vous. Vous pouvez obtenir un data-URI de fond CSS (encodé en URL), un data-URI en base64 ou un composant React. Choisissez le format dont vous avez besoin et le résultat est prêt à copier dans votre projet.

Rien ne quitte votre appareil

Tout se passe dans votre navigateur. Votre SVG n'est jamais envoyé à un serveur et rien n'est enregistré nulle part. Quand vous fermez l'onglet, c'est terminé. Même vos icônes personnelles ou de travail restent chez vous.

Comment l'utiliser

  1. Ouvrez SVG to Code et collez votre SVG dans le champ.
  2. Choisissez le format voulu : data-URI CSS, base64 ou composant React.
  3. Copiez le résultat et collez-le dans votre code.

C'est gratuit et sans limite. Vous trouverez d'autres petits outils sur la page Apps.

Recevez les nouveaux posts

Bientôt vous pourrez laisser votre email et recevoir les nouveaux posts — sans compte, sans spam.

L'inscription par email n'est pas encore active — rien n'est collecté pour l'instant.