diff --git a/src/icons/Office.tsx b/src/icons/Office.tsx
new file mode 100644
index 000000000..9a77c203e
--- /dev/null
+++ b/src/icons/Office.tsx
@@ -0,0 +1,12 @@
+import { createElement } from 'react';
+import SvgIcon from '@mui/material/SvgIcon';
+const Office = (props: any) =>
+  createElement(
+    SvgIcon,
+    props,
+    <path
+      fill="currentColor"
+      d="M12 7V5c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2h-8ZM6 19H4v-2h2v2Zm0-4H4v-2h2v2Zm0-4H4V9h2v2Zm0-4H4V5h2v2Zm4 12H8v-2h2v2Zm0-4H8v-2h2v2Zm0-4H8V9h2v2Zm0-4H8V5h2v2Zm9 12h-7v-2h2v-2h-2v-2h2v-2h-2V9h7c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1Zm-1-8h-2v2h2v-2Zm0 4h-2v2h2v-2Z"
+    />
+  );
+export default Office;
diff --git a/src/icons/index.ts b/src/icons/index.ts
index c951528a6..34a9990d5 100644
--- a/src/icons/index.ts
+++ b/src/icons/index.ts
@@ -135,4 +135,4 @@ export { default as Sharing } from './Sharing';
 export { default as DoubleArrow } from './DoubleArrow';
 export { default as HandGrab } from './HandGrab';
 export { default as PhoneNumberQuestion } from './PhoneNumberQuestion';
-
+export { default as Office } from './Office';
diff --git a/stories/DataDisplay/Icons.stories.tsx b/stories/DataDisplay/Icons.stories.tsx
index d4de50c5a..abdaca05a 100644
--- a/stories/DataDisplay/Icons.stories.tsx
+++ b/stories/DataDisplay/Icons.stories.tsx
@@ -197,6 +197,7 @@ const iconsList = [
   { name: 'DoubleArrow', component: i.DoubleArrow },
   { name: 'HandGrab', component: i.HandGrab },
   { name: 'PhoneNumberQuestion', component: i.PhoneNumberQuestion },
+  { name: 'Office', component: i.Office },
 ];
 
 const Template: StoryFn<SvgIconProps> = (args) => {