diff --git a/change/@fluentui-react-provider-0c6fd81b-10fb-4962-aafe-32fcf9a1970f.json b/change/@fluentui-react-provider-0c6fd81b-10fb-4962-aafe-32fcf9a1970f.json
new file mode 100644
index 0000000000000..549dfc506b3bf
--- /dev/null
+++ b/change/@fluentui-react-provider-0c6fd81b-10fb-4962-aafe-32fcf9a1970f.json
@@ -0,0 +1,7 @@
+{
+ "type": "minor",
+ "comment": "feat: Add IconDirectionProvider to FluentProvider",
+ "packageName": "@fluentui/react-provider",
+ "email": "ololubek@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-provider/etc/react-provider.api.md b/packages/react-components/react-provider/etc/react-provider.api.md
index 5936d3a195357..bf4a4a88dde6d 100644
--- a/packages/react-components/react-provider/etc/react-provider.api.md
+++ b/packages/react-components/react-provider/etc/react-provider.api.md
@@ -4,9 +4,12 @@
```ts
+///
+
import { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import type { CustomStyleHooksContextValue_unstable } from '@fluentui/react-shared-contexts';
+import type { IconDirectionContextValue } from '@fluentui/react-icons';
import { OverridesContextValue_unstable } from '@fluentui/react-shared-contexts';
import type { PartialTheme } from '@fluentui/react-theme';
import type { ProviderContextValue_unstable } from '@fluentui/react-shared-contexts';
@@ -125,6 +128,7 @@ export type FluentProviderContextValues = Pick
-
-
- {canUseDOM() ? null : (
-
- )}
+
+
+
+ {canUseDOM() ? null : (
+
+ )}
- {state.root.children}
-
-
+ {state.root.children}
+
+
+
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderContextValues.ts b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderContextValues.ts
index 67c8db9921535..71bc80214d8be 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderContextValues.ts
+++ b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderContextValues.ts
@@ -18,6 +18,7 @@ export function useFluentProviderContextValues_unstable(state: FluentProviderSta
const provider = React.useMemo(() => ({ dir, targetDocument }), [dir, targetDocument]);
// "Tooltip" component mutates an object in this context, instance should be stable
const [tooltip] = React.useState(() => ({}));
+ const iconDirection = React.useMemo(() => ({ textDirection: dir }), [dir]);
return {
// eslint-disable-next-line @typescript-eslint/naming-convention
@@ -26,6 +27,7 @@ export function useFluentProviderContextValues_unstable(state: FluentProviderSta
overrides_unstable,
provider,
textDirection: dir,
+ iconDirection,
tooltip,
theme,
themeClassName: applyStylesToPortals ? root.className! : themeClassName,