diff --git a/src/pages/components/button/images/button-style-ghost+icon-only.png b/src/pages/components/button/images/button-style-ghost+icon-only.png
new file mode 100644
index 00000000000..267445842a4
Binary files /dev/null and b/src/pages/components/button/images/button-style-ghost+icon-only.png differ
diff --git a/src/pages/components/button/style.mdx b/src/pages/components/button/style.mdx
index 7c627a8caba..c201e41f1ae 100755
--- a/src/pages/components/button/style.mdx
+++ b/src/pages/components/button/style.mdx
@@ -106,6 +106,30 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 </Column>
 </Row>
 
+<br />
+
+#### Ghost button – Icon only
+
+<br />
+
+| Class             | Property         | Color token    |
+| ----------------- | ---------------- | -------------- |
+| `.bx--btn__icon`  | svg              | `$icon-01`     |
+| `.bx--btn--ghost` | background-color | –              |
+| `:hover`          | background-color | `$hover-ui`    |
+| `:active`         | background-color | `$active-ui`   |
+| `:focus`          | border           | `$focus`       |
+| `:selected`       | background-color | `$selected-ui` |
+| `:disabled`       | svg              | `$disabled-02` |
+
+<Row>
+<Column colLg={8}>
+
+![Icon only ghost button states and color](images/button-style-ghost+icon-only.png)
+
+</Column>
+</Row>
+
 ### Primary danger button
 
 | Class                       | Property         | Color token      |