From b034d33095352bfe5d3209697dac67aacdc8f91d Mon Sep 17 00:00:00 2001
From: Lachlan Campbell <lachlanjc@hey.com>
Date: Thu, 30 Dec 2021 01:02:59 -0500
Subject: [PATCH 1/2] docs: Add SVG component page

---
 packages/docs/src/pages/components/svg.mdx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 packages/docs/src/pages/components/svg.mdx

diff --git a/packages/docs/src/pages/components/svg.mdx b/packages/docs/src/pages/components/svg.mdx
new file mode 100644
index 000000000..07161309e
--- /dev/null
+++ b/packages/docs/src/pages/components/svg.mdx
@@ -0,0 +1,17 @@
+---
+title: SVG
+---
+
+# SVG
+
+A drop-in replacement for the `<svg>` tag, but themeable
+
+```js
+import { SVG } from 'theme-ui'
+```
+
+```jsx live=true
+<SVG title="Menu" size={24}>
+  <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />
+</SVG>
+```

From 48c95ba41c43efb6af03b0a92da60d19c1ecc7c4 Mon Sep 17 00:00:00 2001
From: Lachlan Campbell <lachlanjc@hey.com>
Date: Thu, 30 Dec 2021 01:06:46 -0500
Subject: [PATCH 2/2] Add to sidebar

---
 packages/docs/src/sidebar.mdx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/docs/src/sidebar.mdx b/packages/docs/src/sidebar.mdx
index 9e5a15b80..75b1a5063 100644
--- a/packages/docs/src/sidebar.mdx
+++ b/packages/docs/src/sidebar.mdx
@@ -37,6 +37,7 @@
   - [Progress](/components/progress)
   - [Donut](/components/donut)
   - [Spinner](/components/spinner)
+  - [SVG](/components/svg)
   - [Avatar](/components/avatar)
   - [Badge](/components/badge)
   - [Close](/components/close)