feat(Icon): Add image-unavailable icon to Teams Theme

CHANGELOG.md

@@ -31,6 +31,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Add `tooltipAsLabelBehavior` accessibility behavior for `Tooltip` @sophieH29 ([#1635](https://github.com/stardust-ui/react/pull/1635))
 - Add outline version of `menu` icon and `files-visio` icon to Teams theme @notandrew ([#1623](https://github.com/stardust-ui/react/pull/1623))
 - Add `amethyst` color to the Teams theme color palette @mnajdova ([#1650](https://github.com/stardust-ui/react/pull/1650))
+- Add `image-unavailable` icon to Teams Theme @joheredi ([#1633](https://github.com/stardust-ui/react/pull/1633))
 
 ### Fixes
 - Fix `ChatMessage`'s focus border overlays `actionMenu` in Teams theme @mnajdova ([#1637](https://github.com/stardust-ui/react/pull/1637))

packages/react/src/themes/teams/components/Icon/svg/icons/image-unavailable.tsx

@@ -0,0 +1,11 @@
+import * as React from 'react'
+import { TeamsSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" viewBox="0 0 32 32" className={classes.svg}>
+      <path d="M29.794 3.62l1.913-1.913A1 1 0 0 0 30.293.293l-30 30a1 1 0 1 0 1.414 1.414L5.914 27.5H29a3.003 3.003 0 0 0 3-3v-18a2.995 2.995 0 0 0-2.206-2.88zm-6.933 6.933a1.998 1.998 0 1 1-2.39 2.39zM7.914 25.5l6.24-6.24 4.267 6.24zM30 24.5a1.001 1.001 0 0 1-1 1h-8.156l-5.251-7.679 3.36-3.36a3.986 3.986 0 1 0 5.426-5.426L27.914 5.5H29a1.001 1.001 0 0 1 1 1zM2.494 25.342A.986.986 0 0 1 2 24.5v-2.83l7.038-7.793a.99.99 0 0 1 .79-.29.975.975 0 0 1 .719.398l1.342 1.962 1.439-1.439-1.142-1.668a2.996 2.996 0 0 0-2.194-1.246 3.029 3.029 0 0 0-2.404.905L2 18.686V6.5a1.001 1.001 0 0 1 1-1h19.336l2-2H3a3.003 3.003 0 0 0-3 3v18a2.98 2.98 0 0 0 1.064 2.272z" />
+    </svg>
+  ),
+  styles: {},
+} as TeamsSvgIconSpec

packages/react/src/themes/teams/components/Icon/svg/icons/index.ts

@@ -74,6 +74,7 @@ import giphy from './giphy'
 import hand from './hand'
 import highlight from './highlight'
 import horizontalRule from './horizontalRule'
+import imageUnavailable from './image-unavailable'
 import indent from './indent'
 import info from './info'
 import italic from './italic'
@@ -210,6 +211,7 @@ export default {
   giphy,
   highlight,
   'horizontal-rule': horizontalRule,
+  'image-unavailable': imageUnavailable,
   indent,
   info,
   italic,