From 11024fb78c4c6606d19d53775a77f15c00b07437 Mon Sep 17 00:00:00 2001
From: Prad Nukala <prad@sonr.io>
Date: Sun, 8 Dec 2024 15:10:31 -0500
Subject: [PATCH] docs(icon): add more examples to icon documentation

---
 docs/pages/components/icon.md | 33 +++------------------------------
 1 file changed, 3 insertions(+), 30 deletions(-)

diff --git a/docs/pages/components/icon.md b/docs/pages/components/icon.md
index 65d401f..e7d51d5 100644
--- a/docs/pages/components/icon.md
+++ b/docs/pages/components/icon.md
@@ -129,35 +129,6 @@ Icons are sized relative to the current font size. To change their size, set the
 </div>
 ```
 
-{% raw %}
-
-```jsx:react
-import SlIcon from '@onsonr/nebula/dist/react/icon';
-
-const App = () => (
-  <div style={{ fontSize: '32px' }}>
-    <SlIcon name="exclamation-triangle" />
-    <SlIcon name="archive" />
-    <SlIcon name="battery-charging" />
-    <SlIcon name="bell" />
-    <SlIcon name="clock" />
-    <SlIcon name="cloud" />
-    <SlIcon name="download" />
-    <SlIcon name="file-earmark" />
-    <SlIcon name="flag" />
-    <SlIcon name="heart" />
-    <SlIcon name="image" />
-    <SlIcon name="lightning" />
-    <SlIcon name="mic" />
-    <SlIcon name="search" />
-    <SlIcon name="star" />
-    <SlIcon name="trash" />
-  </div>
-);
-```
-
-{% endraw %}
-
 ### Labels
 
 For non-decorative icons, use the `label` attribute to announce it to assistive devices.
@@ -166,6 +137,8 @@ For non-decorative icons, use the `label` attribute to announce it to assistive
 <sl-icon name="star-fill" label="Add to favorites"></sl-icon>
 ```
 
+{% raw %}
+
 ```jsx:react
 import SlIcon from '@onsonr/nebula/dist/react/icon';
 
@@ -509,4 +482,4 @@ If you want to change the icons Nebula uses internally, you can register an icon
 
 ```
 
-```
+```
\ No newline at end of file