VectorForge

SVG-Bilder in Code umwandeln — und Code zurück in Bilder.

SVG hochladen, irgendwo ablegen oder unten Code einfügen.

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

So funktioniert es

  1. 1 SVG-Dateien sind bereits Code. Legen Sie eine Datei ab und ihr Code erscheint im Editor — bearbeiten Sie ihn und die Vorschau wird live aktualisiert.
  2. 2 Wechseln Sie die Ausgabe-Tabs, um JSX, eine typisierte React-Komponente, eine Data-URI oder Base64 zu erhalten — dann kopieren oder herunterladen.
  3. 3 Alles läuft zu 100 % in Ihrem Browser. Nichts wird auf einen Server hochgeladen.