VectorForge

Converta imagens SVG em código — e código de volta em imagens.

Envie um SVG, arraste para qualquer lugar ou cole o código abaixo.

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

Como funciona

  1. 1 Arquivos SVG já são código. Arraste um para cá e o código aparecerá no editor — edite e a pré-visualização será atualizada ao vivo.
  2. 2 Alterne as abas de saída para obter JSX, um componente React tipado, um data-URI ou Base64 — depois copie ou baixe.
  3. 3 Tudo roda 100% no seu navegador. Nada é enviado para servidores.