diff --git a/CHANGELOG.md b/CHANGELOG.md
index 948babb0a4..889c318f21 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -83,6 +83,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Add sample screener tests with steps for `Dropdown` @silviuavram ([#797](https://github.com/stardust-ui/react/pull/797))
 - Add shorthand support for `triggerButton` in `Dropdown` @silviuavram ([#815](https://github.com/stardust-ui/react/pull/815))
 - Add toggle functionality in the `Popoup` even if the `trigger` is not button @kolaps33 ([#758](https://github.com/stardust-ui/react/pull/758))
+- Export `arrow-up`,`arrow-down` and `chat` SVG icon @VyshnaviDasari ([#873](https://github.com/stardust-ui/react/pull/873))
 
 ### Fixes
 - Handle `onClick` and `onFocus` on ListItems correctly @layershifter ([#779](https://github.com/stardust-ui/react/pull/779))
diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-down.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-down.tsx
index 930bf0ab80..a47886c1ad 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-down.tsx
+++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-down.tsx
@@ -8,4 +8,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'arrow-down',
 } as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-up.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-up.tsx
index 52419c0743..aed8d0523b 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-up.tsx
+++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-arrow-up.tsx
@@ -8,4 +8,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'arrow-up',
 } as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chat.tsx b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chat.tsx
index ce8c66a90c..18a6288da0 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chat.tsx
+++ b/packages/react/src/themes/teams/components/Icon/svg/ProcessedIcons/icons-chat.tsx
@@ -19,4 +19,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'chat',
 } as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/arrowDown.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/arrowDown.tsx
new file mode 100644
index 0000000000..930bf0ab80
--- /dev/null
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/arrowDown.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react'
+import { TeamsProcessedSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path d="M15.9 22.9l4-4c.2-.2.2-.5 0-.7s-.5-.2-.7 0L16 21.3V9.5c0-.3-.2-.5-.5-.5s-.5.2-.5.5v11.8l-3.1-3.1c-.2-.2-.5-.2-.7 0-.2 0-.2.2-.2.3s0 .3.1.4l4 4c.2.1.6.1.8 0z" />
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/arrowUp.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/arrowUp.tsx
new file mode 100644
index 0000000000..52419c0743
--- /dev/null
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/arrowUp.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react'
+import { TeamsProcessedSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <path d="M15.2 9.1l-4 4c-.2.2-.2.5 0 .7s.5.2.7 0l3.2-3.1v11.8c0 .3.2.5.5.5s.5-.2.5-.5V10.7l3.1 3.1c.2.2.5.2.7 0 .2 0 .2-.2.2-.3s0-.3-.1-.4l-4-4c-.2-.1-.6-.1-.8 0z" />
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/chat.tsx b/packages/react/src/themes/teams/components/Icon/svg/icons/chat.tsx
new file mode 100644
index 0000000000..ce8c66a90c
--- /dev/null
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/chat.tsx
@@ -0,0 +1,22 @@
+import * as React from 'react'
+import cx from 'classnames'
+import { TeamsProcessedSvgIconSpec } from '../types'
+import { teamsIconClassNames } from '../teamsIconClassNames'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <g>
+        <g className={cx(teamsIconClassNames.outline, classes.outlinePart)}>
+          <path d="M22 23.5c-.3 0-.6-.1-.8-.4l-2.1-2.8c-.5.1-1.5.1-2.6.1-1.9 0-3.7-.2-5.3-.6-.7-.1-1.2-.8-1.2-1.4v-6.9c0-.8.7-1.5 1.5-1.5h10c.8 0 1.5.7 1.5 1.5v11c0 .4-.3.8-.7.9-.1.1-.2.1-.3.1zm-2.9-4.2c.3 0 .6.1.8.4l2.1 2.8v-11c0-.3-.2-.5-.5-.5h-10c-.3 0-.5.2-.5.5v6.9c0 .2.2.4.4.5 1.6.4 3.3.6 5.1.6 1-.1 2-.1 2.6-.2-.1 0 0 0 0 0z" />
+          <path d="M13 13h6.5v1H13zM13 16h4v1h-4z" />
+        </g>
+        <path
+          className={cx(teamsIconClassNames.filled, classes.filledPart)}
+          d="M21.5 10h-10c-.8 0-1.5.7-1.5 1.5v6.9c0 .6.5 1.3 1.2 1.4 1.6.4 3.4.6 5.3.6 1.1 0 2.1 0 2.6-.1l2.1 2.8c.2.3.5.4.8.4.1 0 .2 0 .3-.1.4-.1.7-.5.7-.9v-11c0-.8-.7-1.5-1.5-1.5zM17 17h-4v-1h4v1zm2.5-3H13v-1h6.5v1z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec
diff --git a/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts b/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts
index 97c2d7e04c..cde59e169b 100644
--- a/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts
+++ b/packages/react/src/themes/teams/components/Icon/svg/icons/index.ts
@@ -2,6 +2,8 @@ import { TeamsSvgIconSpec } from '../types'
 
 import add from './add'
 import addParticipant from './addParticipant'
+import arrowUp from './arrowUp'
+import arrowDown from './arrowDown'
 import bold from './bold'
 import bookmark from './bookmark'
 import bullets from './bullets'
@@ -14,6 +16,7 @@ import callRecording from './callRecording'
 import callVideo from './callVideo'
 import callVideoOff from './callVideoOff'
 import canvasAddPage from './canvasAddPage'
+import chat from './chat'
 import close from './close'
 import codeSnippet from './codeSnippet'
 import edit from './edit'
@@ -67,6 +70,8 @@ import videoCameraEmphasis from './videoCameraEmphasis'
 
 export default {
   add,
+  'arrow-up': arrowUp,
+  'arrow-down': arrowDown,
   bold,
   bookmark,
   bullets,
@@ -79,6 +84,7 @@ export default {
   'call-control-stop-presenting-new': callControlStopPresentingNew,
   'call-recording': callRecording,
   'canvas-add-page': canvasAddPage,
+  chat,
   close,
   'code-snippet': codeSnippet,
   edit,