VectorForge

Convertissez des images SVG en code — et du code en images.

Importez un SVG, déposez-le n’importe où ou collez du code ci-dessous.

SVG Tools

SVG → JSX

Convert SVG markup to JSX for React

 SVG → React

Generate a typed React component

 SVG → Base64

Unicode-safe Base64 encoder

 SVG → Data URI

CSS-ready background-image URIs

 SVG Optimizer

Shrink SVGs with SVGO

 SVG → PNG

Export PNGs at 1x, 2x and 4x

Comment ça marche

  1. 1 Les fichiers SVG sont déjà du code. Déposez-en un et son code apparaît dans l’éditeur — modifiez-le et l’aperçu se met à jour en direct.
  2. 2 Changez d’onglet de sortie pour obtenir du JSX, un composant React typé, un data-URI ou du Base64 — puis copiez ou téléchargez.
  3. 3 Tout s’exécute à 100 % dans votre navigateur. Rien n’est envoyé sur un serveur.