odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/MediaControl/HangUpIcon.tsx

@@ -1,58 +1,58 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function HangUpIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <g clipPath="url(#clip0_114_122)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.3208 11.6585C11.6143 11.3663 12.0892 11.3673 12.3815 11.6608L14.6776 13.9669C14.8604 14.1443 15.1051 14.2436 15.36 14.2436C15.6151 14.2436 15.8602 14.1441 16.0431 13.9663C16.2708 13.7393 16.5408 13.5591 16.8378 13.4359C17.1365 13.312 17.4567 13.2483 17.78 13.2483C18.1033 13.2483 18.4235 13.312 18.7222 13.4359C19.0209 13.5597 19.2922 13.7412 19.5207 13.97L22.52 16.9693C22.7486 17.1977 22.9303 17.4693 23.0541 17.7678C23.1779 18.0665 23.2417 18.3867 23.2417 18.71C23.2417 19.0333 23.1779 19.3535 23.0541 19.6522C22.9303 19.9509 22.7488 20.2222 22.52 20.4507L21.8008 21.1699C20.8541 22.1181 19.6119 22.7146 18.2799 22.8605C16.9481 23.0064 15.6065 22.6931 14.477 21.9725C11.9728 20.3798 9.68222 18.4738 7.66085 16.3008C7.37874 15.9975 7.39589 15.523 7.69918 15.2409C8.00246 14.9587 8.47703 14.9759 8.75915 15.2792C10.6937 17.3588 12.8858 19.1829 15.2825 20.7071L14.88 21.34L15.2835 20.7078C16.1248 21.2447 17.1244 21.4781 18.1166 21.3694C19.1087 21.2607 20.034 20.8164 20.7392 20.1101L21.4597 19.3897C21.549 19.3005 21.6202 19.1942 21.6685 19.0777C21.7168 18.9611 21.7417 18.8362 21.7417 18.71C21.7417 18.5838 21.7168 18.4589 21.6685 18.3423C21.6202 18.2258 21.5493 18.1199 21.46 18.0307L18.4597 15.0303C18.3705 14.941 18.2642 14.8698 18.1477 14.8215C18.0311 14.7732 17.9062 14.7483 17.78 14.7483C17.6538 14.7483 17.5289 14.7732 17.4123 14.8215C17.2958 14.8698 17.1899 14.9407 17.1007 15.03L17.0946 15.0361C16.6311 15.4896 16.0085 15.7436 15.36 15.7436C14.7115 15.7436 14.0889 15.4896 13.6254 15.036L13.6185 15.0292L11.3185 12.7192C11.0263 12.4257 11.0273 11.9508 11.3208 11.6585Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M4.1378 0.725891C4.43649 0.602049 4.75666 0.538305 5.08 0.538305C5.40334 0.538305 5.72351 0.602049 6.0222 0.725891C6.32072 0.849666 6.59193 1.03105 6.82033 1.25967L9.81996 4.2593C10.0486 4.4877 10.2303 4.75928 10.3541 5.0578C10.478 5.35649 10.5417 5.67666 10.5417 6C10.5417 6.32334 10.478 6.64351 10.3541 6.9422C10.2303 7.24088 10.0488 7.51222 9.81996 7.7407C9.73067 7.82986 9.65984 7.93575 9.61151 8.05231C9.56318 8.16887 9.5383 8.29382 9.5383 8.42C9.5383 8.54618 9.56318 8.67113 9.61151 8.78769C9.65984 8.90425 9.73067 9.01014 9.81996 9.0993C10.1131 9.39199 10.1134 9.86686 9.8207 10.16C9.52801 10.4531 9.05314 10.4534 8.76004 10.1607C8.53124 9.93222 8.34973 9.66088 8.22589 9.3622C8.10205 9.06351 8.0383 8.74334 8.0383 8.42C8.0383 8.09666 8.10205 7.77649 8.22589 7.4778C8.34973 7.17912 8.53124 6.90778 8.76004 6.6793C8.84933 6.59014 8.92016 6.48425 8.96849 6.36769C9.01682 6.25113 9.0417 6.12618 9.0417 6C9.0417 5.87382 9.01682 5.74887 8.96849 5.63231C8.92016 5.51575 8.84933 5.40986 8.76004 5.3207L5.75967 2.32033C5.67051 2.23104 5.56425 2.15984 5.44769 2.11151C5.33113 2.06318 5.20618 2.0383 5.08 2.0383C4.95382 2.0383 4.82887 2.06318 4.71231 2.11151C4.59575 2.15984 4.48986 2.23067 4.4007 2.31996L3.68073 3.03993C2.97567 3.74615 2.53204 4.67175 2.42337 5.66374C2.31469 6.65584 2.54731 7.65537 3.08287 8.49754L2.45009 8.89994L3.08364 8.49876C3.90757 9.7999 4.82227 11.0413 5.82094 12.2137C6.08954 12.529 6.05166 13.0023 5.73634 13.2709C5.42102 13.5395 4.94766 13.5017 4.67906 13.1863C3.63464 11.9603 2.67803 10.662 1.81636 9.30124C1.09835 8.17157 0.786529 6.83101 0.932292 5.5004C1.07811 4.16931 1.67313 2.92764 2.61927 1.98007L3.3393 1.26004C3.5677 1.03142 3.83928 0.849666 4.1378 0.725891Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M23.7803 0.21967C24.0732 0.512563 24.0732 0.987437 23.7803 1.28033L1.28033 23.7803C0.987437 24.0732 0.512563 24.0732 0.21967 23.7803C-0.0732233 23.4874 -0.0732233 23.0126 0.21967 22.7197L22.7197 0.21967C23.0126 -0.0732233 23.4874 -0.0732233 23.7803 0.21967Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_114_122">
-            <rect width="24" height="24" fill="white" />
-          </clipPath>
-        </defs>
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function HangUpIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_114_122)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.3208 11.6585C11.6143 11.3663 12.0892 11.3673 12.3815 11.6608L14.6776 13.9669C14.8604 14.1443 15.1051 14.2436 15.36 14.2436C15.6151 14.2436 15.8602 14.1441 16.0431 13.9663C16.2708 13.7393 16.5408 13.5591 16.8378 13.4359C17.1365 13.312 17.4567 13.2483 17.78 13.2483C18.1033 13.2483 18.4235 13.312 18.7222 13.4359C19.0209 13.5597 19.2922 13.7412 19.5207 13.97L22.52 16.9693C22.7486 17.1977 22.9303 17.4693 23.0541 17.7678C23.1779 18.0665 23.2417 18.3867 23.2417 18.71C23.2417 19.0333 23.1779 19.3535 23.0541 19.6522C22.9303 19.9509 22.7488 20.2222 22.52 20.4507L21.8008 21.1699C20.8541 22.1181 19.6119 22.7146 18.2799 22.8605C16.9481 23.0064 15.6065 22.6931 14.477 21.9725C11.9728 20.3798 9.68222 18.4738 7.66085 16.3008C7.37874 15.9975 7.39589 15.523 7.69918 15.2409C8.00246 14.9587 8.47703 14.9759 8.75915 15.2792C10.6937 17.3588 12.8858 19.1829 15.2825 20.7071L14.88 21.34L15.2835 20.7078C16.1248 21.2447 17.1244 21.4781 18.1166 21.3694C19.1087 21.2607 20.034 20.8164 20.7392 20.1101L21.4597 19.3897C21.549 19.3005 21.6202 19.1942 21.6685 19.0777C21.7168 18.9611 21.7417 18.8362 21.7417 18.71C21.7417 18.5838 21.7168 18.4589 21.6685 18.3423C21.6202 18.2258 21.5493 18.1199 21.46 18.0307L18.4597 15.0303C18.3705 14.941 18.2642 14.8698 18.1477 14.8215C18.0311 14.7732 17.9062 14.7483 17.78 14.7483C17.6538 14.7483 17.5289 14.7732 17.4123 14.8215C17.2958 14.8698 17.1899 14.9407 17.1007 15.03L17.0946 15.0361C16.6311 15.4896 16.0085 15.7436 15.36 15.7436C14.7115 15.7436 14.0889 15.4896 13.6254 15.036L13.6185 15.0292L11.3185 12.7192C11.0263 12.4257 11.0273 11.9508 11.3208 11.6585Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.1378 0.725891C4.43649 0.602049 4.75666 0.538305 5.08 0.538305C5.40334 0.538305 5.72351 0.602049 6.0222 0.725891C6.32072 0.849666 6.59193 1.03105 6.82033 1.25967L9.81996 4.2593C10.0486 4.4877 10.2303 4.75928 10.3541 5.0578C10.478 5.35649 10.5417 5.67666 10.5417 6C10.5417 6.32334 10.478 6.64351 10.3541 6.9422C10.2303 7.24088 10.0488 7.51222 9.81996 7.7407C9.73067 7.82986 9.65984 7.93575 9.61151 8.05231C9.56318 8.16887 9.5383 8.29382 9.5383 8.42C9.5383 8.54618 9.56318 8.67113 9.61151 8.78769C9.65984 8.90425 9.73067 9.01014 9.81996 9.0993C10.1131 9.39199 10.1134 9.86686 9.8207 10.16C9.52801 10.4531 9.05314 10.4534 8.76004 10.1607C8.53124 9.93222 8.34973 9.66088 8.22589 9.3622C8.10205 9.06351 8.0383 8.74334 8.0383 8.42C8.0383 8.09666 8.10205 7.77649 8.22589 7.4778C8.34973 7.17912 8.53124 6.90778 8.76004 6.6793C8.84933 6.59014 8.92016 6.48425 8.96849 6.36769C9.01682 6.25113 9.0417 6.12618 9.0417 6C9.0417 5.87382 9.01682 5.74887 8.96849 5.63231C8.92016 5.51575 8.84933 5.40986 8.76004 5.3207L5.75967 2.32033C5.67051 2.23104 5.56425 2.15984 5.44769 2.11151C5.33113 2.06318 5.20618 2.0383 5.08 2.0383C4.95382 2.0383 4.82887 2.06318 4.71231 2.11151C4.59575 2.15984 4.48986 2.23067 4.4007 2.31996L3.68073 3.03993C2.97567 3.74615 2.53204 4.67175 2.42337 5.66374C2.31469 6.65584 2.54731 7.65537 3.08287 8.49754L2.45009 8.89994L3.08364 8.49876C3.90757 9.7999 4.82227 11.0413 5.82094 12.2137C6.08954 12.529 6.05166 13.0023 5.73634 13.2709C5.42102 13.5395 4.94766 13.5017 4.67906 13.1863C3.63464 11.9603 2.67803 10.662 1.81636 9.30124C1.09835 8.17157 0.786529 6.83101 0.932292 5.5004C1.07811 4.16931 1.67313 2.92764 2.61927 1.98007L3.3393 1.26004C3.5677 1.03142 3.83928 0.849666 4.1378 0.725891Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.7803 0.21967C24.0732 0.512563 24.0732 0.987437 23.7803 1.28033L1.28033 23.7803C0.987437 24.0732 0.512563 24.0732 0.21967 23.7803C-0.0732233 23.4874 -0.0732233 23.0126 0.21967 22.7197L22.7197 0.21967C23.0126 -0.0732233 23.4874 -0.0732233 23.7803 0.21967Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_114_122">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/MeetingIcon.tsx

@@ -1,45 +1,45 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function MeetingIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M3.75 6.011C2.50736 6.011 1.5 7.01836 1.5 8.261V15.761C1.5 17.0036 2.50736 18.011 3.75 18.011H12.75C13.9926 18.011 15 17.0036 15 15.761V8.261C15 7.01836 13.9926 6.011 12.75 6.011H3.75ZM0 8.261C0 6.18993 1.67893 4.511 3.75 4.511H12.75C14.8211 4.511 16.5 6.18993 16.5 8.261V15.761C16.5 17.8321 14.8211 19.511 12.75 19.511H3.75C1.67893 19.511 0 17.8321 0 15.761V8.261Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M21.8292 6.63339C22.0576 6.51885 22.3116 6.46462 22.5669 6.47586C22.8225 6.48711 23.0709 6.56358 23.2886 6.69798C23.5062 6.83239 23.6859 7.02026 23.8104 7.24372C23.9349 7.46718 24.0002 7.71879 24 7.9746V16.047C24 16.3026 23.9347 16.554 23.8102 16.7773C23.6858 17.0005 23.5064 17.1883 23.289 17.3227C23.0716 17.4572 22.8234 17.5338 22.5681 17.5454C22.3128 17.557 22.0587 17.5032 21.83 17.389L18.4147 15.6819C18.0442 15.4967 17.8939 15.0462 18.0791 14.6757C18.2643 14.3052 18.7148 14.1549 19.0853 14.3401L22.5 16.047V7.97503L22.5014 7.9743L22.5002 7.974L22.5 7.97503L19.0853 9.68186C18.7148 9.86706 18.2643 9.71684 18.0791 9.34633C17.8939 8.97583 18.0442 8.52534 18.4147 8.34014L21.8292 6.63339Z"
-          fill={fill}
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function MeetingIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M3.75 6.011C2.50736 6.011 1.5 7.01836 1.5 8.261V15.761C1.5 17.0036 2.50736 18.011 3.75 18.011H12.75C13.9926 18.011 15 17.0036 15 15.761V8.261C15 7.01836 13.9926 6.011 12.75 6.011H3.75ZM0 8.261C0 6.18993 1.67893 4.511 3.75 4.511H12.75C14.8211 4.511 16.5 6.18993 16.5 8.261V15.761C16.5 17.8321 14.8211 19.511 12.75 19.511H3.75C1.67893 19.511 0 17.8321 0 15.761V8.261Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M21.8292 6.63339C22.0576 6.51885 22.3116 6.46462 22.5669 6.47586C22.8225 6.48711 23.0709 6.56358 23.2886 6.69798C23.5062 6.83239 23.6859 7.02026 23.8104 7.24372C23.9349 7.46718 24.0002 7.71879 24 7.9746V16.047C24 16.3026 23.9347 16.554 23.8102 16.7773C23.6858 17.0005 23.5064 17.1883 23.289 17.3227C23.0716 17.4572 22.8234 17.5338 22.5681 17.5454C22.3128 17.557 22.0587 17.5032 21.83 17.389L18.4147 15.6819C18.0442 15.4967 17.8939 15.0462 18.0791 14.6757C18.2643 14.3052 18.7148 14.1549 19.0853 14.3401L22.5 16.047V7.97503L22.5014 7.9743L22.5002 7.974L22.5 7.97503L19.0853 9.68186C18.7148 9.86706 18.2643 9.71684 18.0791 9.34633C17.8939 8.97583 18.0442 8.52534 18.4147 8.34014L21.8292 6.63339Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/MicrophoneIcon.tsx

@@ -1,51 +1,51 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function MicrophoneIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M12 18.75C12.4142 18.75 12.75 19.0858 12.75 19.5V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V19.5C11.25 19.0858 11.5858 18.75 12 18.75Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M11.5 1.5C9.70507 1.5 8.25 2.95507 8.25 4.75V12C8.25 13.7949 9.70507 15.25 11.5 15.25H12.5C14.2949 15.25 15.75 13.7949 15.75 12V4.75C15.75 2.95507 14.2949 1.5 12.5 1.5H11.5ZM6.75 4.75C6.75 2.12665 8.87665 0 11.5 0H12.5C15.1234 0 17.25 2.12665 17.25 4.75V12C17.25 14.6234 15.1234 16.75 12.5 16.75H11.5C8.87665 16.75 6.75 14.6234 6.75 12V4.75Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M4 9C4.41421 9 4.75 9.33579 4.75 9.75V12C4.75 13.7902 5.46116 15.5071 6.72703 16.773C7.9929 18.0388 9.70979 18.75 11.5 18.75H12.5C14.2902 18.75 16.0071 18.0388 17.273 16.773C18.5388 15.5071 19.25 13.7902 19.25 12V9.75C19.25 9.33579 19.5858 9 20 9C20.4142 9 20.75 9.33579 20.75 9.75V12C20.75 14.188 19.8808 16.2865 18.3336 17.8336C16.7865 19.3808 14.688 20.25 12.5 20.25H11.5C9.31196 20.25 7.21354 19.3808 5.66637 17.8336C4.11919 16.2865 3.25 14.188 3.25 12V9.75C3.25 9.33579 3.58579 9 4 9Z"
-          fill={fill}
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function MicrophoneIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 18.75C12.4142 18.75 12.75 19.0858 12.75 19.5V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V19.5C11.25 19.0858 11.5858 18.75 12 18.75Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M11.5 1.5C9.70507 1.5 8.25 2.95507 8.25 4.75V12C8.25 13.7949 9.70507 15.25 11.5 15.25H12.5C14.2949 15.25 15.75 13.7949 15.75 12V4.75C15.75 2.95507 14.2949 1.5 12.5 1.5H11.5ZM6.75 4.75C6.75 2.12665 8.87665 0 11.5 0H12.5C15.1234 0 17.25 2.12665 17.25 4.75V12C17.25 14.6234 15.1234 16.75 12.5 16.75H11.5C8.87665 16.75 6.75 14.6234 6.75 12V4.75Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4 9C4.41421 9 4.75 9.33579 4.75 9.75V12C4.75 13.7902 5.46116 15.5071 6.72703 16.773C7.9929 18.0388 9.70979 18.75 11.5 18.75H12.5C14.2902 18.75 16.0071 18.0388 17.273 16.773C18.5388 15.5071 19.25 13.7902 19.25 12V9.75C19.25 9.33579 19.5858 9 20 9C20.4142 9 20.75 9.33579 20.75 9.75V12C20.75 14.188 19.8808 16.2865 18.3336 17.8336C16.7865 19.3808 14.688 20.25 12.5 20.25H11.5C9.31196 20.25 7.21354 19.3808 5.66637 17.8336C4.11919 16.2865 3.25 14.188 3.25 12V9.75C3.25 9.33579 3.58579 9 4 9Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/MoveBackIcon.tsx

@@ -1,32 +1,32 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function MoveBackIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M7.735.686a.547.547 0 0 1 .733.052l.05.059a.585.585 0 0 1-.05.752L7.184 2.863h.329l.184.003c3.928.1 7.082 3.398 7.082 7.451 0 4.117-3.253 7.454-7.266 7.454-.198 0-.402-.01-.604-.026a.569.569 0 0 1-.512-.618.563.563 0 0 1 .602-.525c.173.014.346.022.514.022 3.396 0 6.15-2.824 6.15-6.307 0-3.483-2.754-6.307-6.15-6.307h-.329l1.282 1.314.05.06a.585.585 0 0 1-.05.751.548.548 0 0 1-.789 0L5.442 3.843l-.05-.058a.572.572 0 0 1-.114-.347l.005.077a.591.591 0 0 1-.004-.044v-.033a.6.6 0 0 1 .086-.307.569.569 0 0 1 .077-.099l-.063.077a.573.573 0 0 1 .063-.077L7.678.738zM2.031 14.322a.548.548 0 0 1 .787.068 6.216 6.216 0 0 0 1.571 1.36c.266.162.354.513.198.786a.55.55 0 0 1-.764.203 7.278 7.278 0 0 1-1.857-1.609.584.584 0 0 1 .065-.808zM8.88 8.353c.472 0 .828.184 1.07.55.24.368.361.905.361 1.612 0 .732-.117 1.274-.35 1.625-.234.352-.594.528-1.08.528-.472 0-.828-.182-1.067-.545-.24-.363-.36-.9-.36-1.608 0-.74.117-1.285.35-1.636.233-.35.592-.526 1.076-.526zm-2.535.066v4.191H5.48v-2.425l.009-.398.014-.436-.081.082c-.1.102-.174.17-.218.207l-.47.387-.416-.533L5.634 8.42h.71zm-5.47.753a.569.569 0 0 1 .511.618 6.44 6.44 0 0 0 .173 2.104.575.575 0 0 1-.401.698.557.557 0 0 1-.68-.412 7.614 7.614 0 0 1-.205-2.483.563.563 0 0 1 .602-.525zm8.005-.102c-.203 0-.348.112-.436.337-.087.224-.131.594-.131 1.108 0 .514.043.882.13 1.105.086.223.232.334.437.334.201 0 .347-.113.436-.338.09-.226.134-.593.134-1.101 0-.514-.045-.884-.135-1.108-.09-.225-.235-.337-.435-.337zM1.95 5.525a.548.548 0 0 1 .786-.069.584.584 0 0 1 .067.808 6.303 6.303 0 0 0-.84 1.335.552.552 0 0 1-.744.27.58.58 0 0 1-.262-.765 7.454 7.454 0 0 1 .992-1.579z"
-          fill={fill}
-          fillRule="evenodd"
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function MoveBackIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M7.735.686a.547.547 0 0 1 .733.052l.05.059a.585.585 0 0 1-.05.752L7.184 2.863h.329l.184.003c3.928.1 7.082 3.398 7.082 7.451 0 4.117-3.253 7.454-7.266 7.454-.198 0-.402-.01-.604-.026a.569.569 0 0 1-.512-.618.563.563 0 0 1 .602-.525c.173.014.346.022.514.022 3.396 0 6.15-2.824 6.15-6.307 0-3.483-2.754-6.307-6.15-6.307h-.329l1.282 1.314.05.06a.585.585 0 0 1-.05.751.548.548 0 0 1-.789 0L5.442 3.843l-.05-.058a.572.572 0 0 1-.114-.347l.005.077a.591.591 0 0 1-.004-.044v-.033a.6.6 0 0 1 .086-.307.569.569 0 0 1 .077-.099l-.063.077a.573.573 0 0 1 .063-.077L7.678.738zM2.031 14.322a.548.548 0 0 1 .787.068 6.216 6.216 0 0 0 1.571 1.36c.266.162.354.513.198.786a.55.55 0 0 1-.764.203 7.278 7.278 0 0 1-1.857-1.609.584.584 0 0 1 .065-.808zM8.88 8.353c.472 0 .828.184 1.07.55.24.368.361.905.361 1.612 0 .732-.117 1.274-.35 1.625-.234.352-.594.528-1.08.528-.472 0-.828-.182-1.067-.545-.24-.363-.36-.9-.36-1.608 0-.74.117-1.285.35-1.636.233-.35.592-.526 1.076-.526zm-2.535.066v4.191H5.48v-2.425l.009-.398.014-.436-.081.082c-.1.102-.174.17-.218.207l-.47.387-.416-.533L5.634 8.42h.71zm-5.47.753a.569.569 0 0 1 .511.618 6.44 6.44 0 0 0 .173 2.104.575.575 0 0 1-.401.698.557.557 0 0 1-.68-.412 7.614 7.614 0 0 1-.205-2.483.563.563 0 0 1 .602-.525zm8.005-.102c-.203 0-.348.112-.436.337-.087.224-.131.594-.131 1.108 0 .514.043.882.13 1.105.086.223.232.334.437.334.201 0 .347-.113.436-.338.09-.226.134-.593.134-1.101 0-.514-.045-.884-.135-1.108-.09-.225-.235-.337-.435-.337zM1.95 5.525a.548.548 0 0 1 .786-.069.584.584 0 0 1 .067.808 6.303 6.303 0 0 0-.84 1.335.552.552 0 0 1-.744.27.58.58 0 0 1-.262-.765 7.454 7.454 0 0 1 .992-1.579z"
+          fill={fill}
+          fillRule="evenodd"
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/MoveInIcon.tsx

@@ -1,59 +1,59 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function MoveInIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <path
-          d="M10.1214 0.234699C10.41 -0.0518798 10.8632 -0.0760508 11.1796 0.16239L11.2622 0.23393L14.4933 3.43393C14.7826 3.7204 14.8067 4.17039 14.5657 4.48411L14.4933 4.56607L11.2622 7.76607C10.947 8.07828 10.4362 8.07793 10.1214 7.7653C9.83285 7.47872 9.80909 7.02921 10.05 6.71581L10.1222 6.63393L12.782 4L10.1222 1.36607C9.83323 1.07988 9.80886 0.630404 10.0493 0.316672L10.1214 0.234699Z"
-          fill={fill}
-        />
-        <path
-          d="M21.0947 12.0026C21.5388 11.9669 21.928 12.295 21.964 12.7353C21.9877 13.0255 22 13.3165 22 13.5991C22.001 14.4764 21.8896 15.3504 21.6685 16.1999C21.5572 16.6277 21.1172 16.885 20.6858 16.7746C20.2545 16.6642 19.995 16.2279 20.1064 15.8001C20.2933 15.0817 20.3875 14.3428 20.3866 13.6C20.3866 13.3605 20.3762 13.1125 20.3559 12.8647C20.3199 12.4243 20.6507 12.0383 21.0947 12.0026Z"
-          fill={fill}
-        />
-        <path
-          d="M18.4053 6.81755C18.746 6.53286 19.2549 6.57598 19.542 6.91386C20.1123 7.58514 20.5943 8.32543 20.9764 9.11698C21.1687 9.5155 20.9989 9.99321 20.5971 10.184C20.1952 10.3748 19.7135 10.2063 19.5211 9.80782C19.1981 9.1385 18.7905 8.51249 18.3082 7.94481C18.0211 7.60693 18.0646 7.10224 18.4053 6.81755Z"
-          fill={fill}
-        />
-        <path
-          d="M18.2856 19.2827C18.5734 18.9454 19.0824 18.9034 19.4225 19.1888C19.7626 19.4742 19.805 19.979 19.5172 20.3162C19.3302 20.5353 19.1326 20.748 18.9248 20.9538C18.2991 21.5746 17.5965 22.1144 16.8337 22.5602C16.4499 22.7845 15.9554 22.6577 15.7292 22.2771C15.503 21.8964 15.6308 21.406 16.0147 21.1817C16.66 20.8046 17.2544 20.3479 17.7842 19.8222C17.9608 19.6473 18.1279 19.4675 18.2856 19.2827Z"
-          fill={fill}
-        />
-        <path
-          d="M13.9233 3.2C14.3688 3.2 14.73 3.55817 14.73 4C14.73 4.40784 14.4223 4.7444 14.0245 4.79377L13.9233 4.8H11.5C6.5918 4.8 2.61336 8.74014 2.61336 13.6C2.61336 18.4599 6.5918 22.4 11.5 22.4C11.7419 22.4 11.9924 22.3896 12.2428 22.3695C12.6868 22.3339 13.0759 22.6621 13.1118 23.1025C13.1477 23.5428 12.8169 23.9287 12.3728 23.9643C12.0799 23.9878 11.7861 24 11.5 24C5.70125 24 1 19.344 1 13.6C1 7.94436 5.55771 3.34352 11.2332 3.20329L11.5 3.2H13.9233Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M13.8587 16.88C14.5615 16.88 15.0818 16.6347 15.4197 16.144C15.7577 15.6533 15.9266 14.8973 15.9266 13.876C15.9266 12.8893 15.7523 12.14 15.4036 11.628C15.0549 11.116 14.5399 10.86 13.8587 10.86C13.1586 10.86 12.6403 11.1047 12.3037 11.594C11.9672 12.0833 11.7989 12.844 11.7989 13.876C11.7989 14.8653 11.9719 15.6133 12.3179 16.12C12.6639 16.6267 13.1775 16.88 13.8587 16.88ZM10.1954 16.8V10.952H9.16956L7.26725 12.452L7.86904 13.196L8.54757 12.656C8.62835 12.592 8.7724 12.4573 8.97973 12.252L8.95954 12.86L8.94742 13.416V16.8H10.1954ZM13.2266 15.418C13.3518 15.7287 13.5625 15.884 13.8587 15.884C14.1495 15.884 14.3595 15.7267 14.4888 15.412C14.618 15.0973 14.6826 14.5853 14.6826 13.876C14.6826 13.1587 14.6173 12.6433 14.4868 12.33C14.3562 12.0167 14.1468 11.86 13.8587 11.86C13.5652 11.86 13.3552 12.0167 13.2286 12.33C13.1021 12.6433 13.0388 13.1587 13.0388 13.876C13.0388 14.5933 13.1014 15.1073 13.2266 15.418Z"
-          fill={fill}
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function MoveInIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          d="M10.1214 0.234699C10.41 -0.0518798 10.8632 -0.0760508 11.1796 0.16239L11.2622 0.23393L14.4933 3.43393C14.7826 3.7204 14.8067 4.17039 14.5657 4.48411L14.4933 4.56607L11.2622 7.76607C10.947 8.07828 10.4362 8.07793 10.1214 7.7653C9.83285 7.47872 9.80909 7.02921 10.05 6.71581L10.1222 6.63393L12.782 4L10.1222 1.36607C9.83323 1.07988 9.80886 0.630404 10.0493 0.316672L10.1214 0.234699Z"
+          fill={fill}
+        />
+        <path
+          d="M21.0947 12.0026C21.5388 11.9669 21.928 12.295 21.964 12.7353C21.9877 13.0255 22 13.3165 22 13.5991C22.001 14.4764 21.8896 15.3504 21.6685 16.1999C21.5572 16.6277 21.1172 16.885 20.6858 16.7746C20.2545 16.6642 19.995 16.2279 20.1064 15.8001C20.2933 15.0817 20.3875 14.3428 20.3866 13.6C20.3866 13.3605 20.3762 13.1125 20.3559 12.8647C20.3199 12.4243 20.6507 12.0383 21.0947 12.0026Z"
+          fill={fill}
+        />
+        <path
+          d="M18.4053 6.81755C18.746 6.53286 19.2549 6.57598 19.542 6.91386C20.1123 7.58514 20.5943 8.32543 20.9764 9.11698C21.1687 9.5155 20.9989 9.99321 20.5971 10.184C20.1952 10.3748 19.7135 10.2063 19.5211 9.80782C19.1981 9.1385 18.7905 8.51249 18.3082 7.94481C18.0211 7.60693 18.0646 7.10224 18.4053 6.81755Z"
+          fill={fill}
+        />
+        <path
+          d="M18.2856 19.2827C18.5734 18.9454 19.0824 18.9034 19.4225 19.1888C19.7626 19.4742 19.805 19.979 19.5172 20.3162C19.3302 20.5353 19.1326 20.748 18.9248 20.9538C18.2991 21.5746 17.5965 22.1144 16.8337 22.5602C16.4499 22.7845 15.9554 22.6577 15.7292 22.2771C15.503 21.8964 15.6308 21.406 16.0147 21.1817C16.66 20.8046 17.2544 20.3479 17.7842 19.8222C17.9608 19.6473 18.1279 19.4675 18.2856 19.2827Z"
+          fill={fill}
+        />
+        <path
+          d="M13.9233 3.2C14.3688 3.2 14.73 3.55817 14.73 4C14.73 4.40784 14.4223 4.7444 14.0245 4.79377L13.9233 4.8H11.5C6.5918 4.8 2.61336 8.74014 2.61336 13.6C2.61336 18.4599 6.5918 22.4 11.5 22.4C11.7419 22.4 11.9924 22.3896 12.2428 22.3695C12.6868 22.3339 13.0759 22.6621 13.1118 23.1025C13.1477 23.5428 12.8169 23.9287 12.3728 23.9643C12.0799 23.9878 11.7861 24 11.5 24C5.70125 24 1 19.344 1 13.6C1 7.94436 5.55771 3.34352 11.2332 3.20329L11.5 3.2H13.9233Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M13.8587 16.88C14.5615 16.88 15.0818 16.6347 15.4197 16.144C15.7577 15.6533 15.9266 14.8973 15.9266 13.876C15.9266 12.8893 15.7523 12.14 15.4036 11.628C15.0549 11.116 14.5399 10.86 13.8587 10.86C13.1586 10.86 12.6403 11.1047 12.3037 11.594C11.9672 12.0833 11.7989 12.844 11.7989 13.876C11.7989 14.8653 11.9719 15.6133 12.3179 16.12C12.6639 16.6267 13.1775 16.88 13.8587 16.88ZM10.1954 16.8V10.952H9.16956L7.26725 12.452L7.86904 13.196L8.54757 12.656C8.62835 12.592 8.7724 12.4573 8.97973 12.252L8.95954 12.86L8.94742 13.416V16.8H10.1954ZM13.2266 15.418C13.3518 15.7287 13.5625 15.884 13.8587 15.884C14.1495 15.884 14.3595 15.7267 14.4888 15.412C14.618 15.0973 14.6826 14.5853 14.6826 13.876C14.6826 13.1587 14.6173 12.6433 14.4868 12.33C14.3562 12.0167 14.1468 11.86 13.8587 11.86C13.5652 11.86 13.3552 12.0167 13.2286 12.33C13.1021 12.6433 13.0388 13.1587 13.0388 13.876C13.0388 14.5933 13.1014 15.1073 13.2266 15.418Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/MediaControl/MuteIcon.tsx

@@ -1,51 +1,51 @@
-import React from 'react';
-import { SvgIcon, SvgIconProps } from '@mui/material';
-import { getIconSize } from '../../../utils/getIconSize';
-
-interface CustomSvgProps {
-  size?: 'sm' | 'base' | 'lg' | 'xl';
-}
-
-export default function MuteIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.1}
-      stroke={stroke ? stroke : 'currentColor'}
-      sx={{ height: getIconSize(size), width: getIconSize(size) }}
-      {...rest}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-      >
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M15.975 4.16976C16.1835 4.1488 16.3942 4.17178 16.5933 4.23721C16.7924 4.30264 16.9756 4.40908 17.1311 4.54965C17.2865 4.69023 17.4108 4.86182 17.4959 5.05337C17.5809 5.24491 17.6249 5.45217 17.625 5.66176V7.125C17.625 7.53921 17.2892 7.875 16.875 7.875C16.4608 7.875 16.125 7.53921 16.125 7.125L16.125 5.66224C14.7523 5.80266 13.4448 6.31888 12.3464 7.15415C11.2477 7.98966 10.4007 9.11203 9.89863 10.3978C9.78626 10.6856 9.50893 10.875 9.2 10.875H4.875V15.375H7.875C8.28921 15.375 8.625 15.7108 8.625 16.125C8.625 16.5392 8.28921 16.875 7.875 16.875H4.875C4.47717 16.875 4.09564 16.717 3.81434 16.4357C3.53304 16.1544 3.375 15.7728 3.375 15.375V10.875C3.375 10.4772 3.53304 10.0956 3.81434 9.81434C4.09564 9.53304 4.47717 9.375 4.875 9.375H8.70373C9.31957 8.03163 10.2579 6.85789 11.4385 5.96016C12.7568 4.95763 14.3261 4.33816 15.9738 4.16988L15.975 4.16976Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M16.875 11.094C17.2892 11.094 17.625 11.4298 17.625 11.844V20.588L17.625 20.5893C17.6246 20.7987 17.5805 21.0057 17.4953 21.1969C17.4102 21.3882 17.286 21.5596 17.1307 21.7C16.9754 21.8404 16.7925 21.9468 16.5936 22.0123C16.3948 22.0778 16.1844 22.101 15.9761 22.0803L15.975 22.0802C14.7397 21.9561 13.5436 21.5772 12.4622 20.9674C11.3808 20.3576 10.4376 19.5301 9.69223 18.5373C9.44353 18.2061 9.51045 17.7359 9.84169 17.4872C10.1729 17.2385 10.6431 17.3054 10.8918 17.6367C11.5127 18.4636 12.2983 19.1529 13.199 19.6608C14.0995 20.1686 15.0954 20.4842 16.1239 20.5877L16.1249 20.5871L16.125 11.844C16.125 11.4298 16.4608 11.094 16.875 11.094Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M21.9053 2.09467C22.1982 2.38756 22.1982 2.86244 21.9053 3.15533L3.15533 21.9053C2.86244 22.1982 2.38756 22.1982 2.09467 21.9053C1.80178 21.6124 1.80178 21.1376 2.09467 20.8447L20.8447 2.09467C21.1376 1.80178 21.6124 1.80178 21.9053 2.09467Z"
-          fill={fill}
-        />
-      </svg>
-    </SvgIcon>
-  );
-}
+import React from 'react';
+import { SvgIcon, SvgIconProps } from '@mui/material';
+import { getIconSize } from '../../../utils/getIconSize';
+
+interface CustomSvgProps {
+  size?: 'sm' | 'base' | 'lg' | 'xl';
+}
+
+export default function MuteIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      sx={{ height: getIconSize(size), width: getIconSize(size) }}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M15.975 4.16976C16.1835 4.1488 16.3942 4.17178 16.5933 4.23721C16.7924 4.30264 16.9756 4.40908 17.1311 4.54965C17.2865 4.69023 17.4108 4.86182 17.4959 5.05337C17.5809 5.24491 17.6249 5.45217 17.625 5.66176V7.125C17.625 7.53921 17.2892 7.875 16.875 7.875C16.4608 7.875 16.125 7.53921 16.125 7.125L16.125 5.66224C14.7523 5.80266 13.4448 6.31888 12.3464 7.15415C11.2477 7.98966 10.4007 9.11203 9.89863 10.3978C9.78626 10.6856 9.50893 10.875 9.2 10.875H4.875V15.375H7.875C8.28921 15.375 8.625 15.7108 8.625 16.125C8.625 16.5392 8.28921 16.875 7.875 16.875H4.875C4.47717 16.875 4.09564 16.717 3.81434 16.4357C3.53304 16.1544 3.375 15.7728 3.375 15.375V10.875C3.375 10.4772 3.53304 10.0956 3.81434 9.81434C4.09564 9.53304 4.47717 9.375 4.875 9.375H8.70373C9.31957 8.03163 10.2579 6.85789 11.4385 5.96016C12.7568 4.95763 14.3261 4.33816 15.9738 4.16988L15.975 4.16976Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16.875 11.094C17.2892 11.094 17.625 11.4298 17.625 11.844V20.588L17.625 20.5893C17.6246 20.7987 17.5805 21.0057 17.4953 21.1969C17.4102 21.3882 17.286 21.5596 17.1307 21.7C16.9754 21.8404 16.7925 21.9468 16.5936 22.0123C16.3948 22.0778 16.1844 22.101 15.9761 22.0803L15.975 22.0802C14.7397 21.9561 13.5436 21.5772 12.4622 20.9674C11.3808 20.3576 10.4376 19.5301 9.69223 18.5373C9.44353 18.2061 9.51045 17.7359 9.84169 17.4872C10.1729 17.2385 10.6431 17.3054 10.8918 17.6367C11.5127 18.4636 12.2983 19.1529 13.199 19.6608C14.0995 20.1686 15.0954 20.4842 16.1239 20.5877L16.1249 20.5871L16.125 11.844C16.125 11.4298 16.4608 11.094 16.875 11.094Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M21.9053 2.09467C22.1982 2.38756 22.1982 2.86244 21.9053 3.15533L3.15533 21.9053C2.86244 22.1982 2.38756 22.1982 2.09467 21.9053C1.80178 21.6124 1.80178 21.1376 2.09467 20.8447L20.8447 2.09467C21.1376 1.80178 21.6124 1.80178 21.9053 2.09467Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}