Vector graphics that stay sharp at any size

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.

Image option highlighted in the editor insert panel

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.

Selected SVG image with the outlined Inline SVG option enabled