About mermaid to svg converter
Convert Mermaid code into a clean SVG that scales to any size without blurring.
Why SVG
SVG is a vector format, so it stays sharp when zoomed or printed, and its text stays selectable. It suits documents, slides and websites.
A worked example
The code 'flowchart LR; A[Start] --> B{Valid?}; B -->|Yes| C[Save]; B -->|No| D[Show error]' renders as a left-to-right chart with a decision diamond. Download the SVG for slides and documents, where it stays sharp when zoomed.
Using SVG
- Insert it with an img tag or inline in HTML.
- Open it in Inkscape or Figma to adjust colours.
- Keep the Mermaid code too, so you can edit the diagram later.
Theming
Mermaid supports themes such as default, dark and forest, set in the diagram's front matter, so you can match diagrams to your document colours.
