Export a diagram to an SVG image

  1. Click File > Export As > SVG.
  2. Change the export settings to suit your requirements.
    • Choose the Zoom factor, set a Border width around your diagram.
    • If you only want to export the shapes and connectors that are currently selected, enable the Selection only checkbox. This only appears if you have selected part of your diagram.
    • Select whether to print the entire Diagram (default) or just a single diagram Page from the Size drop down list.
    • Enable the checkboxes if you want a Transparent Background, a Shadow on your shapes, or to include the Grid of the drawing canvas.
    • Make sure the checkbox to Include a copy of my diagram is selected if you want to be able to open your diagram and edit it again when you import the SVG file into draw.io.
    • Enable Embed Images to include image components, such as clip art, into the SVG.
    • Choose which Text Settings to use for complex formatted text labels (see troubleshooting below).
    • By default Links will open following the viewer’s browser preferences. Select a different behaviour if you want links to always open in a new tab or a new browser window.
      Choose the export settings for the SVG image
  3. Click Export and select the location to save your SVG file.

Tip: If your diagram contains animated connectors, the connectors in the SVG image will also be animated.

Troubleshooting

If you want to add your exported SVG diagram to an online platform that does not support foreign objects in SVG files, you can disable Text Formatting and Word Wrap on all text elements in your diagram.

If your viewer is displaying a warning in your diagram that the viewer doesn’t support SVG 1.1, export your diagram to SVG using different text settings.

Alternatively, export your diagram to a PDF file, and convert that PDF to SVG via an SVG editor like Inkscape.