Mermaid to SVG

Paste Mermaid source and download a vector SVG with optional white or transparent background. Processing stays in your browser.

All processing on this page runs locally in your browser unless noted otherwise.

How to use

  1. Paste Mermaid (or transfer from the Editor).
  2. Confirm the preview, then choose SVG background (transparent or white).
  3. Copy or download the SVG for README, Confluence, or design tools.

FAQ

Is SVG exported on a server?

No. Mermaid renders in your browser and the SVG markup is downloaded from the page.

Transparent vs white background?

Transparent is the SVG default (no fill behind the diagram). White inserts a full-size background rect — useful when the host page or dark viewer would otherwise show through.

Related tools