feat(icon): export icons for compose

CHANGELOG.md

@@ -50,6 +50,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Export `canvas-add-page` SVG icon @priyankar205 ([#601](https://github.com/stardust-ui/react/pull/601))
 - Add `sizeModifier` variable (with `x` and `xx` values) to `Icon`'s Teams theme styles @priyankar205 ([#601](https://github.com/stardust-ui/react/pull/601))
 - Add `offset` prop to `Popup` to extend set of popup positioning options @kuzhelov ([#606](https://github.com/stardust-ui/react/pull/606))
+- [Teams Theme] Export icons for compose @joheredi ([#607](https://github.com/stardust-ui/react/pull/607))
 
 ### Documentation
 - Add `prettier` support throughout the docs @levithomason  ([#568](https://github.com/stardust-ui/react/pull/568))

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-bold.tsx

@@ -17,4 +17,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'bold',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-codesnippet.tsx

@@ -15,4 +15,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'code-snippet',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-emoji.tsx

@@ -18,4 +18,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'emoji',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-italic.tsx

@@ -17,4 +17,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'italic',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-link.tsx

@@ -17,4 +17,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'link',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-meeting-new.tsx

@@ -18,4 +18,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'meeting-new',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-number-list.tsx

@@ -17,4 +17,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'number-list',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-quote.tsx

@@ -15,4 +15,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'quote',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-sticker.tsx

@@ -17,4 +17,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'sticker',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-table.tsx

@@ -19,4 +19,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'table',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/ProcessedIcons/icons-underline.tsx

@@ -17,4 +17,5 @@ export default {
     </svg>
   ),
   styles: {},
+  exportedAs: 'underline',
 } as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/icons/bold.tsx

@@ -0,0 +1,20 @@
+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}>
+      <g>
+        <path
+          className={classes.outlinePart}
+          d="M11 23V9h5.1c1.6 0 2.8.3 3.6.9.8.6 1.3 1.4 1.3 2.4 0 .8-.3 1.4-.8 2-.5.6-1.2 1-2 1.2 1 .1 1.8.5 2.4 1.1.6.6.9 1.4.9 2.2 0 1.3-.5 2.3-1.4 3.1-.9.7-2.1 1.1-3.7 1.1H11zm3-11.7v3.3h1.4c.7 0 1.2-.2 1.5-.5.4-.3.6-.8.6-1.3 0-1-.8-1.5-2.3-1.5H14zm0 5.7v3.7h1.7c.7 0 1.3-.2 1.7-.5.4-.3.6-.8.6-1.4 0-.6-.2-1-.6-1.3-.4-.3-1-.5-1.7-.5H14z"
+        />
+        <path
+          className={classes.filledPart}
+          d="M16.4 23.5h-5.9v-15h5.6c1.7 0 3 .3 3.9 1 1 .7 1.5 1.7 1.5 2.8 0 .8-.3 1.6-.9 2.3-.2.3-.5.6-.9.8.5.2.9.5 1.2.9.7.7 1 1.6 1 2.6 0 1.4-.5 2.5-1.6 3.5-.9.7-2.3 1.1-3.9 1.1zm-4.9-1h4.9c1.4 0 2.5-.3 3.4-1 .8-.7 1.2-1.6 1.2-2.7 0-.7-.3-1.4-.8-1.8-.5-.6-1.3-.9-2.1-1l-2.9-.3L18 15c.7-.2 1.3-.5 1.7-1 .5-.6.7-1.1.7-1.7 0-.8-.4-1.5-1.1-2-.7-.5-1.8-.8-3.3-.8h-4.6v13zm4.2-1.3h-2.2v-4.7h2.2c.8 0 1.5.2 2 .6.5.4.8 1 .8 1.7 0 .8-.3 1.4-.8 1.8-.5.4-1.2.6-2 .6zm-1.2-1h1.2c.6 0 1.1-.1 1.4-.4.3-.2.4-.7.4-1 0-.4-.1-.7-.4-.9-.3-.3-.9-.4-1.4-.4h-1.2v2.7zm.9-5.1h-1.9v-4.3h1.7c2.4 0 2.8 1.3 2.8 2s-.3 1.3-.8 1.7c-.2.2-.8.6-1.8.6zm-.9-1h.9c.5 0 .9-.1 1.1-.4.3-.2.5-.6.5-.9 0-.3 0-1-1.8-1h-.7v2.3zm1.9 9.4h-5.9v-15h5.6c1.7 0 3 .3 3.9 1 1 .7 1.5 1.7 1.5 2.8 0 .8-.3 1.6-.9 2.3-.2.3-.5.6-.9.8.5.2.9.5 1.2.9.7.7 1 1.6 1 2.6 0 1.4-.5 2.5-1.6 3.5-.9.7-2.3 1.1-3.9 1.1zm-1.9-3.3h1.2c.6 0 1.1-.1 1.4-.4.3-.2.4-.7.4-1 0-.4-.1-.7-.4-.9-.3-.3-.9-.4-1.4-.4h-1.2v2.7zm0-6.1h.9c.5 0 .9-.1 1.1-.4.3-.2.5-.6.5-.9 0-.3 0-1-1.8-1h-.7v2.3z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/icons/codeSnippet.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import { TeamsProcessedSvgIconSpec } from '../types'
+
+export default {
+  icon: ({ classes }) => (
+    <svg role="presentation" focusable="false" className={classes.svg} viewBox="8 8 16 16">
+      <g>
+        <g className={classes.outlinePart}>
+          <path d="M20 20a.5.5 0 0 1-.38-.825L22.342 16l-2.722-3.175a.5.5 0 1 1 .76-.651l3 3.5a.5.5 0 0 1 0 .65l-3 3.5A.5.5 0 0 1 20 20zM14.251 23.5a.5.5 0 0 1-.482-.638l4-14a.499.499 0 1 1 .961.274l-4 14a.498.498 0 0 1-.479.364zM12 20a.5.5 0 0 0 .38-.825L9.658 16l2.722-3.175a.5.5 0 1 0-.76-.651l-3 3.5a.5.5 0 0 0 0 .65l3 3.5A.5.5 0 0 0 12 20z" />
+        </g>
+        <g className={classes.filledPart}>
+          <path d="M20 20.5a.993.993 0 0 1-.65-.241.997.997 0 0 1-.108-1.409L21.683 16l-2.441-2.849a.999.999 0 1 1 1.517-1.302l3 3.5a1 1 0 0 1 0 1.301l-3 3.5a.993.993 0 0 1-.759.35zM12 20.5a.995.995 0 0 1-.76-.35l-3-3.5a1 1 0 0 1 0-1.301l3-3.5a1 1 0 0 1 1.518 1.302L10.317 16l2.442 2.85A1 1 0 0 1 12 20.5zM14.251 23.5a.5.5 0 0 1-.482-.638l4-14a.499.499 0 1 1 .961.274l-4 14a.498.498 0 0 1-.479.364z" />
+        </g>
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/icons/emoji.tsx

@@ -0,0 +1,21 @@
+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}>
+      <g>
+        <g className={classes.outlinePart}>
+          <path d="M16 24c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm0-15c-3.9 0-7 3.1-7 7s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7zm0 11.5c-1.4 0-2.8-.5-3.9-1.6l.7-.7c1.8 1.8 4.6 1.8 6.4 0l.7.7c-1 1-2.5 1.6-3.9 1.6z" />
+          <circle cx="13" cy="15" r="1" />
+          <circle cx="19" cy="15" r="1" />
+        </g>
+        <path
+          className={classes.filledPart}
+          d="M24 16.734a7.069 7.069 0 0 1-.262 1.926A7.464 7.464 0 0 1 23 20.395 7.285 7.285 0 0 1 20.395 23a7.381 7.381 0 0 1-1.734.734 7.036 7.036 0 0 1-1.927.266h-.468a7.031 7.031 0 0 1-1.926-.262A7.381 7.381 0 0 1 12.605 23 7.285 7.285 0 0 1 10 20.395a7.4 7.4 0 0 1-.734-1.734A7.031 7.031 0 0 1 9 16.734v-.468a7.033 7.033 0 0 1 .262-1.926A7.4 7.4 0 0 1 10 12.605 7.285 7.285 0 0 1 12.605 10a7.443 7.443 0 0 1 1.734-.734A7.05 7.05 0 0 1 16.266 9h.469a7.055 7.055 0 0 1 1.926.262 7.443 7.443 0 0 1 1.734.738A7.285 7.285 0 0 1 23 12.605a7.464 7.464 0 0 1 .734 1.734A7.071 7.071 0 0 1 24 16.266v.469zm-3.867 2.438l-.7-.7a4.154 4.154 0 0 1-5.859 0l-.7.7a5.1 5.1 0 0 0 1.664 1.113 5.109 5.109 0 0 0 3.938 0 5.114 5.114 0 0 0 1.657-1.113zM15 15a.984.984 0 0 0-.078-.387 1 1 0 0 0-.535-.535 1 1 0 0 0-.773 0 1 1 0 0 0-.535.535 1 1 0 0 0 0 .773 1 1 0 0 0 .535.535 1 1 0 0 0 .773 0 1 1 0 0 0 .535-.535A.981.981 0 0 0 15 15zm5 0a.984.984 0 0 0-.078-.387 1 1 0 0 0-.535-.535 1 1 0 0 0-.773 0 1 1 0 0 0-.535.535 1 1 0 0 0 0 .773 1 1 0 0 0 .535.535 1 1 0 0 0 .773 0 1 1 0 0 0 .535-.535A.981.981 0 0 0 20 15z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

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

@@ -2,6 +2,7 @@ import { TeamsSvgIconSpec } from '../types'
 
 import add from './add'
 import addParticipant from './addParticipant'
+import bold from './bold'
 import bookmark from './bookmark'
 import bullets from './bullets'
 import calendar from './calendar'
@@ -13,34 +14,45 @@ import callRecording from './callRecording'
 import callVideo from './callVideo'
 import callVideoOff from './callVideoOff'
 import canvasAddPage from './canvasAddPage'
+import codeSnippet from './codeSnippet'
 import edit from './edit'
+import emoji from './emoji'
 import error from './error'
 import fontColor from './fontColor'
 import fontSize from './fontSize'
 import format from './format'
 import gallery from './gallery'
 import giphy from './giphy'
 import highlight from './highlight'
+import italic from './italic'
 import leave from './leave'
 import like from './like'
+import link from './link'
 import markAsUnread from './markAsUnread'
+import meetingNew from './meetingNew'
 import mention from './mention'
 import menu from './menu'
 import mic from './mic'
 import micOff from './micOff'
 import more from './more'
+import numberList from './numberList'
 import participantRemove from './participantRemove'
+import quote from './quote'
 import redbang from './redbang'
 import reply from './reply'
 import retry from './retry'
 import send from './send'
+import sticker from './sticker'
+import table from './table'
 import teamCreate from './teamCreate'
 import teams from './teams'
 import translation from './translation'
 import trashCan from './trashCan'
+import underline from './underline'
 
 export default {
   add,
+  bold,
   bookmark,
   bullets,
   calendar,
@@ -52,30 +64,40 @@ export default {
   'call-control-stop-presenting-new': callControlStopPresentingNew,
   'call-recording': callRecording,
   'canvas-add-page': canvasAddPage,
+  'code-snippet': codeSnippet,
   edit,
+  emoji,
   error,
   format,
   'font-color': fontColor,
   'font-size': fontSize,
   gallery,
   giphy,
   highlight,
+  italic,
   leave,
   like,
+  link,
   'mark-as-unread': markAsUnread,
+  'meeting-new': meetingNew,
   mention,
   menu,
   mic,
   'mic-off': micOff,
   more,
+  'number-list': numberList,
   'participant-add': addParticipant,
   'participant-remove': participantRemove,
+  quote,
   redbang,
   reply,
   retry,
   send,
+  sticker,
+  table,
   teams,
   translation,
   'trash-can': trashCan,
   'team-create': teamCreate,
+  underline,
 } as { [iconName: string]: TeamsSvgIconSpec }

src/themes/teams/components/Icon/svg/icons/italic.tsx

@@ -0,0 +1,20 @@
+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}>
+      <g>
+        <path
+          className={classes.outlinePart}
+          d="M22 9h-7a.5.5 0 1 0 0 1h2.746l-5.077 12H10.5a.5.5 0 1 0 0 1h7a.5.5 0 1 0 0-1h-3.746l5.077-12H22a.5.5 0 1 0 0-1z"
+        />
+        <path
+          className={classes.filledPart}
+          d="M22 8.5h-7a1 1 0 0 0 0 2h1.991l-4.654 11H10.5a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2h-2.991l4.654-11H22a1 1 0 0 0 0-2z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/icons/link.tsx

@@ -0,0 +1,20 @@
+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}>
+      <g>
+        <path
+          className={classes.outlinePart}
+          d="M22.7 9.3a2.746 2.746 0 0 0-3.88 0l-2.38 2.379a2.745 2.745 0 0 0-.318 3.491l-.951.951a2.744 2.744 0 0 0-3.491.318l-2.38 2.38a2.743 2.743 0 0 0 3.88 3.88l2.38-2.379a2.745 2.745 0 0 0 .318-3.491l.951-.951a2.737 2.737 0 0 0 3.491-.318l2.38-2.379a2.746 2.746 0 0 0 0-3.881zm-7.846 10.313l-2.38 2.379a1.744 1.744 0 1 1-2.466-2.466l2.38-2.379a1.721 1.721 0 0 1 2.054-.3l-.778.779a.5.5 0 1 0 .707.707l.778-.778a1.741 1.741 0 0 1-.295 2.058zm7.139-7.139l-2.38 2.379a1.741 1.741 0 0 1-2.054.3l.778-.779a.5.5 0 0 0-.707-.707l-.778.778a1.741 1.741 0 0 1 .3-2.054l2.38-2.379a1.744 1.744 0 1 1 2.46 2.462z"
+        />
+        <path
+          className={classes.filledPart}
+          d="M24 11.242a3.222 3.222 0 0 1-.246 1.238 3.189 3.189 0 0 1-.7 1.051l-2.383 2.383a3.184 3.184 0 0 1-1.051.7 3.223 3.223 0 0 1-1.238.246 3.343 3.343 0 0 1-.762-.086 2.936 2.936 0 0 1-.715-.266l-.4.4a3.051 3.051 0 0 1 .266.715 3.411 3.411 0 0 1 .086.762 3.249 3.249 0 0 1-.945 2.289l-2.383 2.383a3.179 3.179 0 0 1-1.051.7 3.223 3.223 0 0 1-1.236.243 3.144 3.144 0 0 1-1.262-.254 3.256 3.256 0 0 1-1.726-1.726A3.151 3.151 0 0 1 8 20.758a3.223 3.223 0 0 1 .246-1.238 3.191 3.191 0 0 1 .7-1.051l2.383-2.383a3.189 3.189 0 0 1 1.051-.7 3.222 3.222 0 0 1 1.238-.246 3.377 3.377 0 0 1 .762.086 3.029 3.029 0 0 1 .715.266l.4-.4a2.962 2.962 0 0 1-.266-.719 3.362 3.362 0 0 1-.086-.758 3.223 3.223 0 0 1 .246-1.238 3.186 3.186 0 0 1 .7-1.051l2.383-2.383a3.25 3.25 0 0 1 3.551-.691 3.256 3.256 0 0 1 1.723 1.728A3.164 3.164 0 0 1 24 11.242zm-9.156 7.328a2.084 2.084 0 0 1-.367.3.854.854 0 0 1-.461.117.964.964 0 0 1-.387-.078 1 1 0 0 1-.535-.535.972.972 0 0 1-.078-.387.855.855 0 0 1 .117-.461 2.084 2.084 0 0 1 .3-.367 1.207 1.207 0 0 0-.687.344l-2.383 2.383a1.233 1.233 0 0 0-.359.875 1.178 1.178 0 0 0 .1.48 1.271 1.271 0 0 0 .27.395 1.255 1.255 0 0 0 .395.27 1.178 1.178 0 0 0 .48.1 1.236 1.236 0 0 0 .477-.094 1.208 1.208 0 0 0 .4-.266l2.374-2.388a1.206 1.206 0 0 0 .344-.688zM22 11.242a1.194 1.194 0 0 0-.1-.48 1.291 1.291 0 0 0-.664-.664 1.186 1.186 0 0 0-.48-.1 1.231 1.231 0 0 0-.477.094 1.213 1.213 0 0 0-.4.266L17.5 12.742a1.2 1.2 0 0 0-.344.688 2.071 2.071 0 0 1 .367-.3.853.853 0 0 1 .461-.117.988.988 0 0 1 .387.078 1 1 0 0 1 .535.535.984.984 0 0 1 .078.387.853.853 0 0 1-.117.461 2.111 2.111 0 0 1-.3.367 1.206 1.206 0 0 0 .688-.344l2.383-2.383a1.213 1.213 0 0 0 .266-.4 1.232 1.232 0 0 0 .096-.472z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/icons/meetingNew.tsx

@@ -0,0 +1,21 @@
+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}>
+      <g>
+        <g className={classes.outlinePart}>
+          <path d="M12 14h2v2h-2zM12 17h2v2h-2zM15 14h2v2h-2zM15 17h2v2h-2zM18 14h2v2h-2z" />
+          <path d="M18 21.909a24.274 24.274 0 0 1-7.638-.572.49.49 0 0 1-.362-.485V11.5a.5.5 0 0 1 .5-.5H13v1a.5.5 0 0 0 1 0v-1h4v1a.5.5 0 0 0 1 0v-1h2.5a.5.5 0 0 1 .5.5V17h1v-5.5a1.5 1.5 0 0 0-1.5-1.5H19V9a.5.5 0 0 0-1 0v1h-4V9a.5.5 0 0 0-1 0v1h-2.5A1.5 1.5 0 0 0 9 11.5v9.352a1.489 1.489 0 0 0 1.121 1.456A24.434 24.434 0 0 0 16 23c.677 0 1.342-.035 2-.085z" />
+          <path d="M24 21h-2v2h-1v-2h-2v-1h2v-2h1v2h2v1z" />
+        </g>
+        <g className={classes.filledPart}>
+          <path d="M17.5 20.5a3.99 3.99 0 0 1 5.5-3.7v-5.3a1.5 1.5 0 0 0-1.5-1.5H19V9a.5.5 0 0 0-1 0v1h-4V9a.5.5 0 0 0-1 0v1h-2.5A1.5 1.5 0 0 0 9 11.5v9.352a1.489 1.489 0 0 0 1.121 1.456A24.434 24.434 0 0 0 16 23c.783 0 1.55-.045 2.307-.113A3.965 3.965 0 0 1 17.5 20.5zM18 14h2v2h-2zm-4 5h-2v-2h2zm0-3h-2v-2h2zm3 3h-2v-2h2zm0-3h-2v-2h2z" />
+          <path d="M24 21h-2v2h-1v-2h-2v-1h2v-2h1v2h2v1z" />
+        </g>
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/icons/numberList.tsx

@@ -0,0 +1,20 @@
+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}>
+      <g>
+        <path
+          className={classes.outlinePart}
+          d="M13.5 11h9a.5.5 0 1 0 0-1h-9a.5.5 0 1 0 0 1zm9 4h-9a.5.5 0 1 0 0 1h9a.5.5 0 1 0 0-1zm0 5h-9a.5.5 0 1 0 0 1h9a.5.5 0 1 0 0-1zm-11.322-5.698a1.067 1.067 0 0 0-.383-.224 1.551 1.551 0 0 0-.511-.078c-.41 0-.778.11-1.103.332v.763c.294-.27.603-.404.925-.404.187 0 .325.043.416.13.09.085.136.213.136.38a.701.701 0 0 1-.042.244.864.864 0 0 1-.126.225 1.714 1.714 0 0 1-.21.223 4.16 4.16 0 0 1-.289.236 7.76 7.76 0 0 0-.33.265c-.116.098-.223.21-.32.337s-.18.27-.244.431-.097.34-.097.542V18h2.495v-.719h-1.59c0-.051.017-.105.052-.162.035-.056.082-.115.141-.174s.128-.12.205-.181c.078-.061.159-.123.242-.185.124-.09.244-.183.359-.278.115-.097.216-.202.304-.317a1.368 1.368 0 0 0 .292-.867c0-.17-.027-.324-.083-.462a.949.949 0 0 0-.239-.353zm-1.636-4.11c.086-.031.167-.065.243-.102.077-.037.159-.077.215-.119V13h1V9h-.616A4.726 4.726 0 0 1 9 9.587v.725a2.257 2.257 0 0 0 .542-.12zm1.06 10.73v-.012c.52-.128.78-.445.78-.95a.844.844 0 0 0-.335-.693c-.223-.178-.535-.267-.937-.267-.366 0-.687.068-.962.205v.696c.248-.167.503-.251.766-.251.392 0 .588.157.588.472 0 .334-.256.502-.766.502h-.337v.652h.364c.266 0 .476.047.628.14a.443.443 0 0 1 .228.4.462.462 0 0 1-.185.39c-.122.094-.294.14-.515.14-.35 0-.656-.093-.919-.282v.742c.253.13.583.194.987.194.473 0 .843-.105 1.11-.316.269-.21.403-.496.403-.858 0-.239-.08-.44-.24-.605-.161-.164-.38-.264-.657-.298z"
+        />
+        <path
+          className={classes.filledPart}
+          d="M13.5 11.25h9a.75.75 0 0 0 0-1.5h-9a.75.75 0 0 0 0 1.5zm9 3.5h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5zm0 5h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 0-1.5zm-11.322-5.448a1.067 1.067 0 0 0-.383-.224 1.551 1.551 0 0 0-.511-.078c-.41 0-.778.11-1.103.332v.763c.294-.27.603-.404.925-.404.187 0 .325.043.416.13.09.085.136.213.136.38a.701.701 0 0 1-.042.244.864.864 0 0 1-.126.225 1.714 1.714 0 0 1-.21.223 4.16 4.16 0 0 1-.289.236 7.76 7.76 0 0 0-.33.265c-.116.098-.223.21-.32.337s-.18.27-.244.431-.097.34-.097.542V18h2.495v-.719h-1.59c0-.051.017-.105.052-.162.035-.056.082-.115.141-.174s.128-.12.205-.181c.078-.061.159-.123.242-.185.124-.09.244-.183.359-.278.115-.097.216-.202.304-.317a1.368 1.368 0 0 0 .292-.867c0-.17-.027-.324-.083-.462a.949.949 0 0 0-.239-.353zm-1.636-4.11c.086-.031.167-.065.243-.102.077-.037.159-.077.215-.119V13h1V9h-.616A4.726 4.726 0 0 1 9 9.587v.725a2.257 2.257 0 0 0 .542-.12zm1.06 10.73v-.012c.52-.128.78-.445.78-.95a.844.844 0 0 0-.335-.693c-.223-.178-.535-.267-.937-.267-.366 0-.687.068-.962.205v.696c.248-.167.503-.251.766-.251.392 0 .588.157.588.472 0 .334-.256.502-.766.502h-.337v.652h.364c.266 0 .476.047.628.14a.443.443 0 0 1 .228.4.462.462 0 0 1-.185.39c-.122.094-.294.14-.515.14-.35 0-.656-.093-.919-.282v.742c.253.13.583.194.987.194.473 0 .843-.105 1.11-.316.269-.21.403-.496.403-.858 0-.239-.08-.44-.24-.605-.161-.164-.38-.264-.657-.298z"
+        />
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec

src/themes/teams/components/Icon/svg/icons/quote.tsx

@@ -0,0 +1,18 @@
+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}>
+      <g>
+        <g className={classes.filledPart}>
+          <path d="M12 11.5c-1.378 0-2.5 1.122-2.5 2.5a2.503 2.503 0 0 0 2.837 2.476c-.222 1.263-.716 2.288-1.613 3.393a1.004 1.004 0 0 0 .146 1.408 1.003 1.003 0 0 0 1.406-.146c2.052-2.53 2.224-4.714 2.224-6.735 0-2-1.256-2.896-2.5-2.896zM20 11.5c-1.379 0-2.5 1.122-2.5 2.5a2.503 2.503 0 0 0 2.837 2.476c-.223 1.264-.717 2.289-1.614 3.394a1.002 1.002 0 0 0 .777 1.63c.3 0 .583-.134.777-.37 2.051-2.528 2.223-4.713 2.223-6.734 0-2-1.256-2.896-2.5-2.896z" />
+        </g>
+        <g className={classes.outlinePart}>
+          <path d="M12 12a2 2 0 1 0 0 4c.34 0 .655-.093.935-.242-.134 1.494-.55 2.857-1.823 4.427a.5.5 0 0 0 .776.63c1.957-2.41 2.112-4.503 2.112-6.42C14 12.793 13.105 12 12 12zM20 12a2 2 0 1 0 0 4c.34 0 .655-.093.935-.242-.134 1.494-.55 2.857-1.823 4.427a.5.5 0 0 0 .776.63c1.957-2.41 2.112-4.503 2.112-6.42C22 12.793 21.105 12 20 12z" />
+        </g>
+      </g>
+    </svg>
+  ),
+  styles: {},
+} as TeamsProcessedSvgIconSpec