From 536d1c37f828991d7331effdf1ad1594e79d52de Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 13 Sep 2023 23:21:55 +0200
Subject: [PATCH] feat: add icon component

---
 CONTENT.md                      | 6 ++++++
 src/markdoc/tags/Icon.svelte    | 5 +++++
 src/markdoc/tags/_Module.svelte | 1 +
 3 files changed, 12 insertions(+)
 create mode 100644 src/markdoc/tags/Icon.svelte

diff --git a/CONTENT.md b/CONTENT.md
index 470594968..a7978731b 100644
--- a/CONTENT.md
+++ b/CONTENT.md
@@ -178,3 +178,9 @@ Lorem ipsum dolor sit amet consectetur.
 Lorem ipsum dolor sit amet consectetur.
 {% /info %}
 ```
+
+#### Icon
+
+```
+{% icon icon="github" /%}
+```
diff --git a/src/markdoc/tags/Icon.svelte b/src/markdoc/tags/Icon.svelte
new file mode 100644
index 000000000..5e55f19c9
--- /dev/null
+++ b/src/markdoc/tags/Icon.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    export let icon: string;
+</script>
+
+<span class={`icon-${icon}`}></span>
\ No newline at end of file
diff --git a/src/markdoc/tags/_Module.svelte b/src/markdoc/tags/_Module.svelte
index f066a500d..d66398d76 100644
--- a/src/markdoc/tags/_Module.svelte
+++ b/src/markdoc/tags/_Module.svelte
@@ -4,4 +4,5 @@
 	export { default as Info } from './Info.svelte';
 	export { default as Tabs } from './Tabs.svelte';
 	export { default as TabsItem } from './TabsItem.svelte';
+	export { default as Icon } from './Icon.svelte';
 </script>