SVG & Vector Graphics

You can upload and insert SVG images through the media library. Select the Image block on the left side of the editor, then choose the SVG file you want to upload.

SVG files vary in structure and browser compatibility. Before accepting an upload, Slides checks that the root <svg> element includes these attributes:

• xmlns
• viewBox
• width
• height

Inline SVG (advanced)

Presentations are displayed in your web browser as HTML documents. By default your SVG images are external references to files on our server however you can also choose to include the SVG inline with the presentation HTML.

This makes it possible to reach your SVG with custom CSS and, for example, invert colors when the background color of a slide changes.

.has-dark-background svg path {
    stroke: #fff;
}

See inline SVG examples.