# Vector graphics that stay sharp at any size

[Canonical article](https://slides.com/docs/svg-vector-graphics)

You can upload and insert SVG images through the [media library](/docs/media-library). Select the **Image** block on the left side of the editor, then choose the SVG file you want to upload.

<img src="https://static.slid.es/help/svg-vector-graphics/insert-image-827c2f79.png" alt="Image option highlighted in the editor insert panel" width="1280" height="720">

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.

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

See [inline SVG examples](https://slides.com/news/svg/#/).

<img src="https://static.slid.es/help/svg-vector-graphics/inline-svg-d2490254.png" alt="Selected SVG image with the outlined Inline SVG option enabled" width="1280" height="720">