diff --git a/packages/react/src/stories/Icons.stories.tsx b/packages/react/src/stories/Icons.stories.tsx
new file mode 100644
index 00000000000..ced9ca19cdf
--- /dev/null
+++ b/packages/react/src/stories/Icons.stories.tsx
@@ -0,0 +1,36 @@
+import {StarFillIcon} from '@primer/octicons-react'
+import React from 'react'
+import {Stack} from '../Stack'
+
+export default {
+  title: 'Octicons',
+}
+
+export const CustomClassname = () => {
+  return <StarFillIcon className="testCustomClassnameColor" />
+}
+
+export const Fill = () => {
+  return (
+    <Stack direction="horizontal">
+      <StarFillIcon fill="var(--fgColor-default)" />
+      <StarFillIcon fill="var(--fgColor-muted)" />
+      <StarFillIcon fill="var(--fgColor-accent)" />
+      <StarFillIcon fill="var(--fgColor-danger)" />
+      <StarFillIcon fill="var(--fgColor-success)" />
+      <StarFillIcon fill="var(--fgColor-attention)" />
+      <StarFillIcon fill="var(--fgColor-done)" />
+      <StarFillIcon fill="var(--fgColor-sponsors)" />
+    </Stack>
+  )
+}
+
+export const Size = () => {
+  return (
+    <Stack direction="horizontal">
+      <StarFillIcon size="small" />
+      <StarFillIcon size="medium" />
+      <StarFillIcon size="large" />
+    </Stack>
+  )
+}