fix(Icon): updating some incorrect Teams theme icons

CHANGELOG.md

@@ -18,7 +18,8 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ## [Unreleased]
 
 ### Fixes
-- add `react-dom` as available import in the editor @mnajdova ([#553](https://github.com/stardust-ui/react/pull/553))
+- Add `react-dom` as available import in the editor @mnajdova ([#553](https://github.com/stardust-ui/react/pull/553))
+- Fix incorrect and missing filled or outline versions of Teams SVG icons @codepretty ([#552](https://github.com/stardust-ui/react/pull/552))
 
 <!--------------------------------[ v0.13.1 ]------------------------------- -->
 ## [v0.13.1](https://github.com/stardust-ui/react/tree/v0.13.1) (2018-12-03)

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

@@ -3,30 +3,14 @@ import { TeamsSvgIconSpec } from '../types'
 
 export default {
   icon: ({ classes }) => (
-    <svg viewBox="0 0 32 32" role="presentation" focusable="false" className={classes.svg}>
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
       <path
         className={classes.outlinePart}
-        d="M23.3516,16.1172C23.4502,16.2168,23.5,16.334,23.5,16.4688c0,0.1357-0.0498,0.2529-0.1484,0.3516
-              C23.252,16.9199,23.1348,16.9688,23,16.9688h-6v6c0,0.1357-0.0498,0.2529-0.1484,0.3516c-0.0996,0.0996-0.2168,0.1484-0.3516,0.1484
-              c-0.1357,0-0.2529-0.0488-0.3516-0.1484C16.0488,23.2217,16,23.1045,16,22.9688v-6h-6c-0.1357,0-0.2529-0.0488-0.3516-0.1484
-              C9.5493,16.7217,9.5,16.6045,9.5,16.4688c0-0.1348,0.0493-0.252,0.1484-0.3516C9.7471,16.0186,9.8643,15.9688,10,15.9688h6v-6
-              c0-0.1353,0.0488-0.2524,0.1484-0.3516c0.0986-0.0986,0.2158-0.1484,0.3516-0.1484c0.1348,0,0.252,0.0498,0.3516,0.1484
-              C16.9502,9.7163,17,9.8335,17,9.9688v6h6C23.1348,15.9688,23.252,16.0186,23.3516,16.1172z"
+        d="M23.352 16.117c.098.1.148.217.148.352 0 .136-.05.253-.148.351a.48.48 0 0 1-.352.149h-6v6c0 .136-.05.253-.148.351a.48.48 0 0 1-.352.149.477.477 0 0 1-.352-.149.477.477 0 0 1-.148-.351v-6h-6a.477.477 0 0 1-.352-.149.48.48 0 0 1-.148-.351c0-.135.05-.252.148-.352A.481.481 0 0 1 10 15.97h6v-6c0-.135.049-.253.148-.352a.48.48 0 0 1 .352-.148c.135 0 .252.05.352.148.098.1.148.216.148.352v6h6c.135 0 .252.05.352.148z"
       />
       <path
         className={classes.filledPart}
-        d="M23.5,15.9688c0,0.1357-0.0264,0.2646-0.0781,0.3867c-0.0527,0.123-0.124,0.2295-0.2148,0.3203
-	           c-0.0918,0.0918-0.1982,0.1631-0.3203,0.2148c-0.123,0.0527-0.252,0.0781-0.3867,0.0781H17v5.5
-	           c0,0.1357-0.0264,0.2646-0.0781,0.3867c-0.0527,0.123-0.124,0.2295-0.2148,0.3203c-0.0918,0.0918-0.1982,0.1631-0.3203,0.2148
-	           c-0.123,0.0527-0.252,0.0781-0.3867,0.0781c-0.1357,0-0.2646-0.0254-0.3867-0.0781c-0.1226-0.0518-0.2295-0.123-0.3203-0.2148
-	           c-0.0913-0.0908-0.1631-0.1973-0.2148-0.3203C15.0259,22.7334,15,22.6045,15,22.4688v-5.5H9.5
-	           c-0.1357,0-0.2646-0.0254-0.3867-0.0781c-0.1226-0.0518-0.2295-0.123-0.3203-0.2148c-0.0913-0.0908-0.1631-0.1973-0.2148-0.3203
-	           C8.5259,16.2334,8.5,16.1045,8.5,15.9688c0-0.1353,0.0259-0.2642,0.0781-0.3867c0.0518-0.1221,0.1235-0.229,0.2148-0.3203
-	           c0.0908-0.0908,0.1978-0.1626,0.3203-0.2148c0.1221-0.0518,0.251-0.0781,0.3867-0.0781H15v-5.5
-	           c0-0.1353,0.0259-0.2642,0.0781-0.3867c0.0518-0.1221,0.1235-0.229,0.2148-0.3203c0.0908-0.0908,0.1978-0.1626,0.3203-0.2148
-	           C15.7354,8.4951,15.8643,8.4688,16,8.4688c0.1348,0,0.2637,0.0264,0.3867,0.0781c0.1221,0.0522,0.2285,0.124,0.3203,0.2148
-	           C16.7979,8.853,16.8691,8.96,16.9219,9.082C16.9736,9.2046,17,9.3335,17,9.4688v5.5h5.5c0.1348,0,0.2637,0.0264,0.3867,0.0781
-	           c0.1221,0.0522,0.2285,0.124,0.3203,0.2148c0.0908,0.0913,0.1621,0.1982,0.2148,0.3203C23.4736,15.7046,23.5,15.8335,23.5,15.9688z"
+        d="M23.5 15.969a1.01 1.01 0 0 1-.613.922.971.971 0 0 1-.387.078H17v5.5a1.01 1.01 0 0 1-.613.922.971.971 0 0 1-.387.078.965.965 0 0 1-.387-.079.983.983 0 0 1-.535-.535.97.97 0 0 1-.078-.386v-5.5H9.5a.965.965 0 0 1-.387-.078.983.983 0 0 1-.535-.535.972.972 0 0 1-.078-.387 1.002 1.002 0 0 1 1-1H15v-5.5a1.002 1.002 0 0 1 1.387-.922c.122.052.228.124.32.215a.986.986 0 0 1 .293.707v5.5h5.5a.989.989 0 0 1 .707.293c.09.091.162.198.215.32a.984.984 0 0 1 .078.387z"
       />
     </svg>
   ),

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

@@ -4,8 +4,22 @@ import { TeamsSvgIconSpec } from '../types'
 export default {
   icon: ({ classes }) => (
     <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
-      <path d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5H13a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5H19a.5.5 0 1 0 0 1h3.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z" />
-      <path d="M19 18a1 1 0 0 0 .707-1.707l-3-3a1 1 0 0 0-1.09-.216 1 1 0 0 0-.324.216l-3 3a1 1 0 1 0 1.414 1.414L15 16.414V22.5a1 1 0 1 0 2 0v-6.086l1.293 1.293A.997.997 0 0 0 19 18z" />
+      <path
+        className={classes.outlinePart}
+        d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5H13a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5H19a.5.5 0 1 0 0 1h3.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z"
+      />
+      <path
+        className={classes.outlinePart}
+        d="M18.646 17.354a.498.498 0 0 0 .708 0 .5.5 0 0 0 0-.708l-3-2.999a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.707l2.146-2.147V22.5a.5.5 0 1 0 1 0v-7.293l2.146 2.147z"
+      />
+      <path
+        className={classes.filledPart}
+        d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5H13a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5H19a.5.5 0 1 0 0 1h3.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z"
+      />
+      <path
+        className={classes.filledPart}
+        d="M19 18a1 1 0 0 0 .707-1.707l-3-3a1 1 0 0 0-1.09-.216 1 1 0 0 0-.324.216l-3 3a1 1 0 1 0 1.414 1.414L15 16.414V22.5a1 1 0 1 0 2 0v-6.086l1.293 1.293A.997.997 0 0 0 19 18z"
+      />
     </svg>
   ),
   styles: {},

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

@@ -4,8 +4,22 @@ import { TeamsSvgIconSpec } from '../types'
 export default {
   icon: ({ classes }) => (
     <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
-      <path d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5h2.007a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5h-2.066a.5.5 0 1 0 0 1H22.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z" />
-      <path d="M19.207 16.293a1 1 0 0 0-1.414 0L16 18.086l-1.793-1.793a1 1 0 1 0-1.414 1.414l1.793 1.793-1.793 1.793a1 1 0 1 0 1.414 1.414L16 20.914l1.793 1.793a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414L17.414 19.5l1.793-1.793a1 1 0 0 0 0-1.414z" />
+      <path
+        className={classes.outlinePart}
+        d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5h2.007a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5h-2.066a.5.5 0 1 0 0 1H22.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z"
+      />
+      <path
+        className={classes.outlinePart}
+        d="M18.854 16.646a.5.5 0 0 0-.708 0L16 18.793l-2.146-2.147a.5.5 0 1 0-.708.708l2.147 2.146-2.147 2.146a.5.5 0 1 0 .708.708L16 20.207l2.146 2.147a.498.498 0 0 0 .708 0 .5.5 0 0 0 0-.708L16.707 19.5l2.147-2.146a.5.5 0 0 0 0-.708z"
+      />
+      <path
+        className={classes.filledPart}
+        d="M22.5 9h-13C8.673 9 8 9.673 8 10.5v9c0 .827.673 1.5 1.5 1.5h2.007a.5.5 0 1 0 0-1H9.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9c0 .275-.225.5-.5.5h-2.066a.5.5 0 1 0 0 1H22.5c.827 0 1.5-.673 1.5-1.5v-9c0-.827-.673-1.5-1.5-1.5z"
+      />
+      <path
+        className={classes.filledPart}
+        d="M19.207 16.293a1 1 0 0 0-1.414 0L16 18.086l-1.793-1.793a1 1 0 1 0-1.414 1.414l1.793 1.793-1.793 1.793a1 1 0 1 0 1.414 1.414L16 20.914l1.793 1.793a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414L17.414 19.5l1.793-1.793a1 1 0 0 0 0-1.414z"
+      />
     </svg>
   ),
   styles: {},

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

@@ -4,7 +4,14 @@ import { TeamsSvgIconSpec } from '../types'
 export default {
   icon: ({ classes }) => (
     <svg role="presentation" focusable="false" className={classes.svg} viewBox="8 8 16 16">
-      <path d="M23.4 15.6C21.3 13.9 18.7 13 16 13s-5.3.9-7.4 2.6c-.5.4-.7.9-.6 1.5 0 .1.2.5.2.5.4.6.9 1.4 1.9 1.2l.7-.1c1.1-.2 2.5-.8 2.7-2.1l.2-1.1h4.2l.2 1.1c.3 1.3 1.7 1.9 2.7 2l.7.1h.2c.7 0 1.1-.5 1.5-1l.4-.7c.5-.5.3-1-.2-1.4z" />
+      <path
+        className={classes.outlinePart}
+        d="M18.578 13.305c.942.198 1.847.492 2.711.883.906.411 1.614.882 2.125 1.414.192.192.339.382.437.57s.149.396.149.625c0 .312-.036.621-.11.926s-.184.58-.335.824a1.91 1.91 0 0 1-.621.637c-.247.154-.536.23-.864.23-.526 0-1.034-.07-1.523-.21-.573-.167-1.042-.396-1.406-.688-.427-.344-.696-.766-.805-1.266a1.933 1.933 0 0 1-.055-.367c-.036-.333-.12-.575-.25-.727-.078-.088-.192-.132-.343-.132h-3.375c-.141 0-.25.039-.329.117s-.138.185-.18.32c-.036.11-.062.24-.077.39a2.72 2.72 0 0 1-.055.36c-.089.39-.26.729-.516 1.012a3.056 3.056 0 0 1-.937.699 4.486 4.486 0 0 1-1.11.371 5.945 5.945 0 0 1-1.18.121c-.327 0-.615-.076-.863-.23a1.901 1.901 0 0 1-.62-.637 2.774 2.774 0 0 1-.337-.824A3.944 3.944 0 0 1 8 16.797c0-.23.05-.438.148-.625.099-.188.245-.377.438-.57.51-.532 1.221-1.003 2.133-1.414.848-.386 1.752-.68 2.71-.883C14.389 13.102 15.246 13 16 13c.76 0 1.62.102 2.578.305zm-4.922.968c-.937.209-1.779.48-2.523.813-.86.38-1.5.812-1.922 1.297-.14.14-.211.279-.211.414 0 .386.063.727.188 1.023.166.397.414.594.742.594.198 0 .484-.036.86-.11.26-.056.48-.11.66-.163a2.31 2.31 0 0 0 .503-.211c.38-.208.628-.513.742-.914.032-.125.055-.25.07-.375.032-.328.12-.62.266-.875.182-.308.432-.524.75-.649a1.5 1.5 0 0 1 .531-.094h3.376c.375 0 .692.115.953.344.26.23.437.529.53.899.032.135.055.263.071.382.036.391.156.702.36.93.234.26.575.456 1.023.586.172.053.347.096.523.129.177.034.341.061.492.082.157.026.297.039.422.039.333 0 .586-.197.758-.594.12-.28.18-.622.18-1.023 0-.135-.07-.273-.21-.414-.423-.48-1.06-.911-1.915-1.297a12.88 12.88 0 0 0-2.531-.813C17.48 14.091 16.698 14 16 14s-1.48.091-2.344.273z"
+      />
+      <path
+        className={classes.filledPart}
+        d="M23.4 15.6C21.3 13.9 18.7 13 16 13s-5.3.9-7.4 2.6c-.5.4-.7.9-.6 1.5 0 .1.2.5.2.5.4.6.9 1.4 1.9 1.2l.7-.1c1.1-.2 2.5-.8 2.7-2.1l.2-1.1h4.2l.2 1.1c.3 1.3 1.7 1.9 2.7 2l.7.1h.2c.7 0 1.1-.5 1.5-1l.4-.7c.5-.5.3-1-.2-1.4z"
+      />
     </svg>
   ),
   styles: {},

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

@@ -3,62 +3,12 @@ import { TeamsSvgIconSpec } from '../types'
 
 export default {
   icon: ({ classes }) => (
-    <svg
-      viewBox="0 0 32 32"
-      role="img"
-      className={classes.svg}
-      xmlns="http://www.w3.org/2000/svg"
-      aria-labelledby="icons-gallery"
-    >
-      <g role="presentation">
-        <g className={classes.outlinePart}>
-          <path
-            d="M16,9.5v5c0,0.1357,0.0498,0.2529,0.1484,0.3516C16.2471,14.9507,16.3643,15,16.5,15h5
-            c0.1357,0,0.2529-0.0493,0.3516-0.1484C21.9502,14.7529,22,14.6357,22,14.5v-4c0-0.2031-0.04-0.3945-0.1211-0.5742
-            s-0.1904-0.3384-0.3281-0.4766c-0.1377-0.1377-0.2969-0.2471-0.4766-0.3281C20.8945,9.0405,20.7031,9,20.5,9h-4
-            c-0.1357,0-0.2529,0.0498-0.3516,0.1484C16.0498,9.2476,16,9.3647,16,9.5z M17,10h3.5c0.1357,0,0.2529,0.0498,0.3516,0.1484
-            C20.9502,10.2476,21,10.3647,21,10.5V14h-4V10z"
-          />
-          <path
-            d="M9.4492,9.4492C9.3115,9.5874,9.2021,9.7461,9.1211,9.9258S9,10.2969,9,10.5v4c0,0.1357,0.0498,0.2529,0.1484,0.3516
-            C9.2471,14.9507,9.3643,15,9.5,15h5c0.1357,0,0.2529-0.0493,0.3516-0.1484C14.9502,14.7529,15,14.6357,15,14.5v-5
-            c0-0.1353-0.0498-0.2524-0.1484-0.3516C14.7529,9.0498,14.6357,9,14.5,9h-4c-0.2031,0-0.3945,0.0405-0.5742,0.1211
-            C9.7461,9.2021,9.5869,9.3115,9.4492,9.4492z M10,10.5c0-0.1353,0.0498-0.2524,0.1484-0.3516C10.2471,10.0498,10.3643,10,10.5,10H14
-            v4h-4V10.5z"
-          />
-          <path
-            d="M16.5,22h4c0.2031,0,0.3945-0.04,0.5742-0.1211c0.1797-0.0801,0.3389-0.1895,0.4766-0.3281
-            c0.1377-0.1377,0.2471-0.2969,0.3281-0.4766S22,20.7031,22,20.5v-4c0-0.1353-0.0498-0.2524-0.1484-0.3516
-            C21.7529,16.0498,21.6357,16,21.5,16h-5c-0.1357,0-0.2529,0.0498-0.3516,0.1484C16.0498,16.2476,16,16.3647,16,16.5v5
-            c0,0.1357,0.0498,0.2529,0.1484,0.3516C16.2471,21.9512,16.3643,22,16.5,22z M17,17h4v3.5c0,0.1357-0.0498,0.2529-0.1484,0.3516
-            C20.7529,20.9512,20.6357,21,20.5,21H17V17z"
-          />
-          <path
-            d="M9.4492,21.5508c0.1377,0.1387,0.2969,0.248,0.4766,0.3281C10.1055,21.96,10.2969,22,10.5,22h4
-            c0.1357,0,0.2529-0.0488,0.3516-0.1484C14.9502,21.7529,15,21.6357,15,21.5v-5c0-0.1353-0.0498-0.2524-0.1484-0.3516
-            C14.7529,16.0498,14.6357,16,14.5,16h-5c-0.1357,0-0.2529,0.0498-0.3516,0.1484C9.0498,16.2476,9,16.3647,9,16.5v4
-            c0,0.2031,0.04,0.3945,0.1211,0.5742S9.3115,21.4131,9.4492,21.5508z M10,17h4v4h-3.5c-0.1357,0-0.2529-0.0488-0.3516-0.1484
-            C10.0498,20.7529,10,20.6357,10,20.5V17z"
-          />
-        </g>
-        <g className={classes.filledPart}>
-          <path
-            d="M22,15v-4.5c0-0.2031-0.04-0.3955-0.1211-0.5781c-0.0811-0.1821-0.1885-0.3408-0.3242-0.4766
-            C21.419,9.31,21.2608,9.2021,21.0781,9.1211C20.8955,9.0405,20.7031,9,20.5,9H16v6H22z"
-          />
-          <path
-            d="M9.4453,21.5547c0.1357,0.1357,0.2939,0.2441,0.4766,0.3242C10.1045,21.96,10.2969,22,10.5,22H15v-6H9v4.5
-            c0,0.2031,0.04,0.3965,0.1211,0.5781C9.2021,21.2607,9.3096,21.4199,9.4453,21.5547z"
-          />
-          <path
-            d="M9.4453,9.4453C9.3096,9.581,9.2021,9.7397,9.1211,9.9219C9.04,10.1045,9,10.2969,9,10.5V15h6V9h-4.5
-            c-0.2031,0-0.3955,0.0405-0.5781,0.1211C9.7393,9.2021,9.5811,9.3101,9.4453,9.4453z"
-          />
-          <path
-            d="M21.0781,21.8789c0.1826-0.0801,0.3408-0.1885,0.4766-0.3242c0.1357-0.1348,0.2432-0.2939,0.3242-0.4766
-            C21.96,20.8965,22,20.7031,22,20.5V16h-6v6h4.5C20.7031,22,20.8955,21.96,21.0781,21.8789z"
-          />
-        </g>
+    <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
+      <g className={classes.outlinePart}>
+        <path d="M16 9.5v5c0 .136.05.253.148.352A.48.48 0 0 0 16.5 15h5a.48.48 0 0 0 .352-.148A.481.481 0 0 0 22 14.5v-4c0-.203-.04-.395-.121-.574a1.611 1.611 0 0 0-.805-.805A1.387 1.387 0 0 0 20.5 9h-4a.481.481 0 0 0-.352.148A.483.483 0 0 0 16 9.5zm1 .5h3.5c.136 0 .253.05.352.148.098.1.148.217.148.352V14h-4v-4zM9.45 9.45c-.138.137-.248.296-.329.476S9 10.296 9 10.5v4c0 .136.05.253.148.352A.48.48 0 0 0 9.5 15h5a.48.48 0 0 0 .352-.148A.481.481 0 0 0 15 14.5v-5a.483.483 0 0 0-.148-.352A.481.481 0 0 0 14.5 9h-4c-.203 0-.395.04-.574.121-.18.081-.34.19-.477.328zM10 10.5c0-.135.05-.252.148-.352A.481.481 0 0 1 10.5 10H14v4h-4v-3.5zM16.5 22h4c.203 0 .395-.04.574-.121a1.596 1.596 0 0 0 .805-.805A1.38 1.38 0 0 0 22 20.5v-4a.483.483 0 0 0-.148-.352A.481.481 0 0 0 21.5 16h-5a.481.481 0 0 0-.352.148.483.483 0 0 0-.148.352v5c0 .136.05.253.148.352.1.1.216.148.352.148zm.5-5h4v3.5c0 .136-.05.253-.148.352A.477.477 0 0 1 20.5 21H17v-4zM9.45 21.55c.137.14.296.249.476.329.18.081.37.121.574.121h4a.477.477 0 0 0 .352-.148A.481.481 0 0 0 15 21.5v-5a.483.483 0 0 0-.148-.352A.481.481 0 0 0 14.5 16h-5a.481.481 0 0 0-.352.148A.483.483 0 0 0 9 16.5v4c0 .203.04.395.121.574s.19.34.328.477zM10 17h4v4h-3.5a.477.477 0 0 1-.352-.148A.481.481 0 0 1 10 20.5V17z" />
+      </g>
+      <g className={classes.filledPart}>
+        <path d="M22 15v-4.5c0-.203-.04-.396-.121-.578a1.569 1.569 0 0 0-.324-.477 1.566 1.566 0 0 0-.477-.324A1.415 1.415 0 0 0 20.5 9H16v6h6zM9.445 21.555c.136.135.294.244.477.324.182.081.375.121.578.121H15v-6H9v4.5c0 .203.04.397.121.578.081.183.189.342.324.477zM9.445 9.445a1.565 1.565 0 0 0-.324.477A1.407 1.407 0 0 0 9 10.5V15h6V9h-4.5c-.203 0-.396.04-.578.121a1.57 1.57 0 0 0-.477.324zM21.078 21.879a1.545 1.545 0 0 0 .8-.8c.082-.183.122-.376.122-.579V16h-6v6h4.5c.203 0 .395-.04.578-.121z" />
       </g>
     </svg>
   ),

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

@@ -4,7 +4,14 @@ import { TeamsSvgIconSpec } from '../types'
 export default {
   icon: ({ classes }) => (
     <svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
-      <path d="M23.684 19.246a1.492 1.492 0 0 0-.998-.567l-2.503-.325a.503.503 0 0 1-.369-.246l-1.828-3.158h.434l.575.575c.283.283.654.424 1.026.424s.742-.14 1.025-.424a1.453 1.453 0 0 0 0-2.05l-1.004-1.003a1.444 1.444 0 0 0-1.025-.424l-2.937.002a1.98 1.98 0 0 0-.462-.235A2.48 2.48 0 0 0 16 10.5a2.5 2.5 0 1 0-5 0c0 .984.574 1.827 1.4 2.235l-.97.49-.87-.868c-.584-.585-1.536-.585-2.12 0s-.586 1.537 0 2.122l1.701 1.701a1.502 1.502 0 0 0 1.716.288l1.378-.67.223.385-2.11 2.254a1.504 1.504 0 0 0-.24 1.708l1.552 3.037a1.502 1.502 0 0 0 2.019.653c.356-.182.62-.492.744-.874.123-.38.09-.787-.094-1.147l-.961-1.846 1.524-1.023 1.998 1.806c.24.26.565.426.915.469l3.51.436a1.506 1.506 0 0 0 1.673-1.303 1.488 1.488 0 0 0-.304-1.107zm-4.667-6.298c.147 0 .285.057.39.161l1.002 1.002a.55.55 0 0 1-.777.778l-.839-.84h-1.328l-.637-1.1h2.19zM13.5 9c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5zm8.938 11.664l-3.51-.436a.548.548 0 0 1-.336-.187l-2.32-2.1a.5.5 0 0 0-.613-.044l-2.22 1.49a.5.5 0 0 0-.165.647l1.166 2.238a.496.496 0 0 1-.217.673.5.5 0 0 1-.673-.218l-1.552-3.038a.502.502 0 0 1 .08-.569l2.364-2.524a.5.5 0 0 0 .068-.593l-.643-1.109a.5.5 0 0 0-.651-.2l-1.796.874a.498.498 0 0 1-.572-.095L9.146 13.77a.5.5 0 0 1 .708-.706l1.126 1.123a.5.5 0 0 0 .579.092l2.884-1.457a.99.99 0 0 1 .762-.1c.258.07.474.236.608.469l3.136 5.417c.232.401.645.676 1.105.736l2.505.326h.003a.497.497 0 0 1 .434.558.504.504 0 0 1-.558.435z" />
+      <path
+        className={classes.outlinePart}
+        d="M23.684 19.246a1.492 1.492 0 0 0-.998-.567l-2.503-.325a.503.503 0 0 1-.369-.246l-1.828-3.158h.434l.575.575c.283.283.654.424 1.026.424s.742-.14 1.025-.424a1.453 1.453 0 0 0 0-2.05l-1.004-1.003a1.444 1.444 0 0 0-1.025-.424l-2.937.002a1.98 1.98 0 0 0-.462-.235A2.48 2.48 0 0 0 16 10.5a2.5 2.5 0 1 0-5 0c0 .984.574 1.827 1.4 2.235l-.97.49-.87-.868c-.584-.585-1.536-.585-2.12 0s-.586 1.537 0 2.122l1.701 1.701a1.502 1.502 0 0 0 1.716.288l1.378-.67.223.385-2.11 2.254a1.504 1.504 0 0 0-.24 1.708l1.552 3.037a1.502 1.502 0 0 0 2.019.653c.356-.182.62-.492.744-.874.123-.38.09-.787-.094-1.147l-.961-1.846 1.524-1.023 1.998 1.806c.24.26.565.426.915.469l3.51.436a1.506 1.506 0 0 0 1.673-1.303 1.488 1.488 0 0 0-.304-1.107zm-4.667-6.298c.147 0 .285.057.39.161l1.002 1.002a.55.55 0 0 1-.777.778l-.839-.84h-1.328l-.637-1.1h2.19zM13.5 9c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5zm8.938 11.664l-3.51-.436a.548.548 0 0 1-.336-.187l-2.32-2.1a.5.5 0 0 0-.613-.044l-2.22 1.49a.5.5 0 0 0-.165.647l1.166 2.238a.496.496 0 0 1-.217.673.5.5 0 0 1-.673-.218l-1.552-3.038a.502.502 0 0 1 .08-.569l2.364-2.524a.5.5 0 0 0 .068-.593l-.643-1.109a.5.5 0 0 0-.651-.2l-1.796.874a.498.498 0 0 1-.572-.095L9.146 13.77a.5.5 0 0 1 .708-.706l1.126 1.123a.5.5 0 0 0 .579.092l2.884-1.457a.99.99 0 0 1 .762-.1c.258.07.474.236.608.469l3.136 5.417c.232.401.645.676 1.105.736l2.505.326h.003a.497.497 0 0 1 .434.558.504.504 0 0 1-.558.435z"
+      />
+      <path
+        className={classes.filledPart}
+        d="M23.684 19.246a1.492 1.492 0 0 0-.998-.567l-2.503-.325a.503.503 0 0 1-.369-.246l-1.828-3.158h.434l.575.575c.283.283.654.424 1.026.424s.742-.14 1.025-.424a1.453 1.453 0 0 0 0-2.05l-1.004-1.003a1.444 1.444 0 0 0-1.025-.424l-2.937.002a1.98 1.98 0 0 0-.462-.235A2.48 2.48 0 0 0 16 10.5a2.5 2.5 0 1 0-5 0c0 .984.574 1.827 1.4 2.235l-.97.49-.87-.868c-.584-.585-1.536-.585-2.12 0s-.586 1.537 0 2.122l1.701 1.701a1.502 1.502 0 0 0 1.716.288l1.378-.67.223.385-2.11 2.254a1.504 1.504 0 0 0-.24 1.708l1.552 3.037a1.502 1.502 0 0 0 2.019.653c.356-.182.62-.492.744-.874.123-.38.09-.787-.094-1.147l-.961-1.846 1.524-1.023 1.998 1.806c.24.26.565.426.915.469l3.51.436a1.506 1.506 0 0 0 1.673-1.303 1.488 1.488 0 0 0-.304-1.107z"
+      />
     </svg>
   ),
   styles: {},