VectorForge

Convert SVG images to code — and code back to images.

Upload an SVG, drop it anywhere, or paste code below.

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

How it works

  1. 1 SVG files are already code. Drop one in and its markup appears in the editor — edit it and the preview updates live.
  2. 2 Switch output tabs to get JSX, a typed React component, a data-URI, or Base64 — then copy or download.
  3. 3 Everything runs 100% in your browser. Nothing is uploaded anywhere.