diff --git a/docs/content/packages/react.mdx b/docs/content/packages/react.mdx
index 26887d13b..d55e442e9 100644
--- a/docs/content/packages/react.mdx
+++ b/docs/content/packages/react.mdx
@@ -154,6 +154,24 @@ export default () => (
```
+### Fill
+The `fill` prop takes a string value that can be used to color the icon.
+Default value is `currentColor` which means it inherits parent's text color.
+
+```js
+// Example usage
+import Octicon, {LogoGithub} from '@primer/octicons-react'
+
+export default () => (
+
+)
+```
+
+
## Custom icons
Each of our icon components is really just a function that renders its SVG
``. To accommodate icons varying aspect ratios, the `Octicon` component
diff --git a/lib/octicons_react/src/__tests__/__snapshots__/octicon.js.snap b/lib/octicons_react/src/__tests__/__snapshots__/octicon.js.snap
index d2f4ec7d8..047e720c4 100644
--- a/lib/octicons_react/src/__tests__/__snapshots__/octicon.js.snap
+++ b/lib/octicons_react/src/__tests__/__snapshots__/octicon.js.snap
@@ -4,12 +4,12 @@ exports[` outputs