diff --git a/change/@fluentui-react-button-d89ce90d-cbf8-4b16-9a02-2d6606cea56e.json b/change/@fluentui-react-button-d89ce90d-cbf8-4b16-9a02-2d6606cea56e.json
new file mode 100644
index 0000000000000..7d75d0be2b679
--- /dev/null
+++ b/change/@fluentui-react-button-d89ce90d-cbf8-4b16-9a02-2d6606cea56e.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Icon in disabled Button shouldn't change color on hover or pressed.",
+  "packageName": "@fluentui/react-button",
+  "email": "vkozlova@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts b/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts
index 4947173b3a1c9..5ac01bbbe4099 100644
--- a/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts
+++ b/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts
@@ -318,6 +318,9 @@ const useRootDisabledStyles = makeStyles({
     color: tokens.colorNeutralForegroundDisabled,
 
     cursor: 'not-allowed',
+    [`& .${buttonClassNames.icon}`]: {
+      color: tokens.colorNeutralForegroundDisabled,
+    },
 
     ':hover': {
       backgroundColor: tokens.colorNeutralBackgroundDisabled,
@@ -332,6 +335,9 @@ const useRootDisabledStyles = makeStyles({
       [`& .${iconRegularClassName}`]: {
         display: 'inline',
       },
+      [`& .${buttonClassNames.icon}`]: {
+        color: tokens.colorNeutralForegroundDisabled,
+      },
     },
 
     ':hover:active': {
@@ -347,6 +353,9 @@ const useRootDisabledStyles = makeStyles({
       [`& .${iconRegularClassName}`]: {
         display: 'inline',
       },
+      [`& .${buttonClassNames.icon}`]: {
+        color: tokens.colorNeutralForegroundDisabled,
+      },
     },
   },