Vector graphics that stay sharp at any size

SVG images stay crisp at any size, which makes them ideal for logos, icons, and diagrams. Upload and insert them through the media library: select Image 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, an SVG image is loaded as a separate file. Enable Inline SVG to include the SVG markup directly in the presentation instead.

Inline SVGs can be styled with custom CSS. For example, you can change an SVG's colors when a slide has a dark background:

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

See more inline SVG examples.