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 {
),
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 {
),
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 {
),
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 }) => (
+
+ ),
+ 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 }) => (
+
+ ),
+ 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 }) => (
+
+ ),
+ 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,