SVG en code

Collez votre SVG et transformez-le en CSS background data-URI, en data-URI base64 ou en composant React/JSX — avec les attributs convertis en camelCase. Visualisez un aperçu en direct et copiez le résultat en un clic.

Votre SVG
Format de sortie

Tout s'exécute dans votre navigateur. Aucun téléchargement, aucune inscription.

Comment ça fonctionne

STEP 1

Collez votre SVG

Insérez n'importe quel balisage SVG brut. Il est analysé directement dans votre navigateur — rien ne quitte votre appareil.

STEP 2

Choisissez un format de sortie

Choisissez un CSS background data-URI, un data-URI base64 ou un composant React/JSX. Les attributs sont convertis en camelCase pour vous.

STEP 3

Copiez ou téléchargez

Vérifiez l'aperçu en direct, puis copiez le code généré en un clic ou téléchargez-le en tant que fichier.