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