odaptos_design_system 2.0.5 → 2.0.7

package/src/DesignTokens/Icons/Miscellaneous/GoogleIcon.tsx

@@ -1,67 +1,67 @@
-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 GoogleIcon({
-  stroke = 'none',
-  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="26"
-        height="27"
-        viewBox="0 0 26 27"
-      >
-        <defs>
-          <path id="ului908ija" d="M0 0H26V26.712H0z" />
-        </defs>
-        <g fill="none" fillRule="evenodd">
-          <g>
-            <g>
-              <g transform="translate(-545 -708) translate(488 697) translate(57 11)">
-                <path
-                  fill="#4285F4"
-                  fillRule="nonzero"
-                  d="M25.771 10.949h-12.51v5.143h7.164c-.297 1.659-1.252 3.126-2.651 4.058v3.338h4.274C24.558 21.16 26 17.726 26 13.663c0-.908-.073-1.821-.229-2.714z"
-                  mask="url(#6lom8a8crb)"
-                />
-                <path
-                  fill="#34A853"
-                  fillRule="nonzero"
-                  d="M22.052 23.487l-4.274-3.337c-1.189.815-2.724 1.276-4.512 1.276-3.46 0-6.394-2.35-7.447-5.511h-4.41v3.44c2.25 4.51 6.837 7.357 11.852 7.357 3.577 0 6.593-1.183 8.791-3.225z"
-                  mask="url(#6lom8a8crb)"
-                />
-                <path
-                  fill="#FFDC60"
-                  fillRule="nonzero"
-                  d="M5.814 10.801v-3.44H1.408c-1.88 3.774-1.88 8.22 0 11.994l4.406-3.44c-.555-1.659-.555-3.455 0-5.114z"
-                  mask="url(#6lom8a8crb)"
-                />
-                <path
-                  fill="#EA4335"
-                  fillRule="nonzero"
-                  d="M18.349 7.288l3.786-3.813C19.738 1.207 16.555-.04 13.261 0 8.246 0 3.66 2.846 1.408 7.361l4.406 3.44c1.048-3.165 3.987-5.515 7.447-5.515 1.89-.03 3.718.687 5.088 2.002z"
-                  mask="url(#6lom8a8crb)"
-                />
-              </g>
-            </g>
-          </g>
-        </g>
-      </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 GoogleIcon({
+  stroke = 'none',
+  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="26"
+        height="27"
+        viewBox="0 0 26 27"
+      >
+        <defs>
+          <path id="ului908ija" d="M0 0H26V26.712H0z" />
+        </defs>
+        <g fill="none" fillRule="evenodd">
+          <g>
+            <g>
+              <g transform="translate(-545 -708) translate(488 697) translate(57 11)">
+                <path
+                  fill="#4285F4"
+                  fillRule="nonzero"
+                  d="M25.771 10.949h-12.51v5.143h7.164c-.297 1.659-1.252 3.126-2.651 4.058v3.338h4.274C24.558 21.16 26 17.726 26 13.663c0-.908-.073-1.821-.229-2.714z"
+                  mask="url(#6lom8a8crb)"
+                />
+                <path
+                  fill="#34A853"
+                  fillRule="nonzero"
+                  d="M22.052 23.487l-4.274-3.337c-1.189.815-2.724 1.276-4.512 1.276-3.46 0-6.394-2.35-7.447-5.511h-4.41v3.44c2.25 4.51 6.837 7.357 11.852 7.357 3.577 0 6.593-1.183 8.791-3.225z"
+                  mask="url(#6lom8a8crb)"
+                />
+                <path
+                  fill="#FFDC60"
+                  fillRule="nonzero"
+                  d="M5.814 10.801v-3.44H1.408c-1.88 3.774-1.88 8.22 0 11.994l4.406-3.44c-.555-1.659-.555-3.455 0-5.114z"
+                  mask="url(#6lom8a8crb)"
+                />
+                <path
+                  fill="#EA4335"
+                  fillRule="nonzero"
+                  d="M18.349 7.288l3.786-3.813C19.738 1.207 16.555-.04 13.261 0 8.246 0 3.66 2.846 1.408 7.361l4.406 3.44c1.048-3.165 3.987-5.515 7.447-5.515 1.89-.03 3.718.687 5.088 2.002z"
+                  mask="url(#6lom8a8crb)"
+                />
+              </g>
+            </g>
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/GroupIcon.tsx

@@ -1,46 +1,46 @@
-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 GoogleIcon({
-  stroke = 'none',
-  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="20"
-        height="20"
-        viewBox="0 0 20 20"
-        fill="none"
-      >
-        <g clipPath="url(#clip0_6397_9258)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M1.90871 1.32625C1.75465 1.32625 1.60689 1.38745 1.49795 1.49639C1.389 1.60534 1.3278 1.75309 1.3278 1.90716V6.88641C1.3278 7.25308 1.03056 7.55031 0.6639 7.55031C0.297238 7.55031 0 7.25308 0 6.88641V1.90716C0 1.40094 0.201096 0.91545 0.559049 0.557497C0.917002 0.199544 1.40249 -0.00155258 1.90871 -0.00155258H6.88797C7.25463 -0.00155258 7.55187 0.295686 7.55187 0.662348C7.55187 1.02901 7.25463 1.32625 6.88797 1.32625H1.90871ZM12.4481 0.662348C12.4481 0.295686 12.7454 -0.00155258 13.112 -0.00155258H18.0913C18.5975 -0.00155258 19.083 0.199543 19.441 0.557497C19.7989 0.91545 20 1.40094 20 1.90716V6.88641C20 7.25308 19.7028 7.55031 19.3361 7.55031C18.9694 7.55031 18.6722 7.25308 18.6722 6.88641V1.90716C18.6722 1.75309 18.611 1.60534 18.5021 1.49639C18.3931 1.38745 18.2454 1.32625 18.0913 1.32625H13.112C12.7454 1.32625 12.4481 1.02901 12.4481 0.662348ZM1.3278 13.1105C1.3278 12.7438 1.03056 12.4466 0.6639 12.4466C0.297238 12.4466 0 12.7438 0 13.1105V18.0897C0 18.596 0.201096 19.0814 0.559049 19.4394C0.917001 19.7973 1.40249 19.9984 1.90871 19.9984H6.88797C7.25463 19.9984 7.55187 19.7012 7.55187 19.3345C7.55187 18.9679 7.25463 18.6706 6.88797 18.6706H1.90871C1.75465 18.6706 1.60689 18.6094 1.49795 18.5005C1.389 18.3916 1.3278 18.2438 1.3278 18.0897V13.1105ZM19.3361 12.4466C19.7028 12.4466 20 12.7438 20 13.1105V18.0897C20 18.596 19.7989 19.0814 19.441 19.4394C19.083 19.7973 18.5975 19.9984 18.0913 19.9984H13.112C12.7454 19.9984 12.4481 19.7012 12.4481 19.3345C12.4481 18.9679 12.7454 18.6706 13.112 18.6706H18.0913C18.2454 18.6706 18.3931 18.6094 18.5021 18.5005C18.611 18.3916 18.6722 18.2438 18.6722 18.0897V13.1105C18.6722 12.7438 18.9694 12.4466 19.3361 12.4466ZM5.06224 14.3553V5.64806L5.06298 5.63541C5.06416 5.61903 5.06682 5.59128 5.07266 5.55624C5.08486 5.48302 5.10803 5.39554 5.14775 5.3161C5.18617 5.23926 5.23338 5.18261 5.29176 5.14369C5.34599 5.10754 5.44812 5.06069 5.64315 5.06069H14.3504L14.363 5.06143C14.3794 5.0626 14.4072 5.06527 14.4422 5.0711C14.5154 5.08331 14.6029 5.10648 14.6823 5.1462C14.7592 5.18462 14.8158 5.23183 14.8548 5.29021C14.8909 5.34443 14.9378 5.44657 14.9378 5.6416V14.3488L14.937 14.3615C14.9358 14.3779 14.9332 14.4056 14.9273 14.4407C14.9151 14.5139 14.892 14.6014 14.8522 14.6808C14.8138 14.7576 14.7666 14.8143 14.7082 14.8532C14.654 14.8894 14.5519 14.9362 14.3568 14.9362H5.64961L5.63697 14.9355C5.62058 14.9343 5.59283 14.9316 5.5578 14.9258C5.48458 14.9136 5.3971 14.8904 5.31765 14.8507C5.24081 14.8123 5.18416 14.7651 5.14524 14.7067C5.10909 14.6525 5.06224 14.5503 5.06224 14.3553ZM14.3568 3.73289V4.39679C14.3568 3.73289 14.3572 3.73289 14.3575 3.73289L14.3582 3.73289L14.3597 3.73289L14.363 3.73291L14.3711 3.73301L14.3929 3.73356C14.4099 3.73412 14.4317 3.73515 14.4576 3.73701C14.5093 3.7407 14.5788 3.74776 14.6605 3.76137C14.8207 3.78807 15.0444 3.8427 15.2762 3.95858C15.5105 4.07576 15.7651 4.26195 15.9596 4.55368C16.1568 4.84956 16.2656 5.21422 16.2656 5.6416V14.3553H15.6017C16.2656 14.3553 16.2656 14.3556 16.2656 14.356V14.3567L16.2656 14.3581L16.2655 14.3615L16.2654 14.3696L16.2649 14.3914C16.2643 14.4083 16.2633 14.4301 16.2614 14.4561C16.2577 14.5078 16.2507 14.5773 16.2371 14.6589C16.2104 14.8191 16.1558 15.0428 16.0399 15.2746C15.9227 15.509 15.7365 15.7635 15.4448 15.958C15.1489 16.1553 14.7842 16.264 14.3568 16.264H5.64315V15.6001C5.64315 16.264 5.64282 16.264 5.64249 16.264H5.6418L5.64031 16.264L5.63698 16.264L5.62888 16.2639L5.60706 16.2633C5.59011 16.2628 5.56832 16.2617 5.54236 16.2599C5.49068 16.2562 5.42117 16.2491 5.33951 16.2355C5.17933 16.2088 4.9556 16.1542 4.72384 16.0383C4.48948 15.9211 4.23493 15.7349 4.04044 15.4432C3.84319 15.1473 3.73444 14.7827 3.73444 14.3553V5.6416H4.39834C3.73444 5.6416 3.73444 5.64127 3.73444 5.64094L3.73444 5.64024L3.73445 5.63876L3.73447 5.63543L3.73456 5.62732L3.73511 5.6055C3.73568 5.58856 3.7367 5.56677 3.73856 5.54081C3.74225 5.48912 3.74931 5.41962 3.76292 5.33795C3.78962 5.17777 3.84425 4.95405 3.96013 4.72229C4.07731 4.48793 4.26351 4.23337 4.55523 4.03889C4.85111 3.84164 5.21578 3.73289 5.64315 3.73289H14.3568Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_6397_9258">
-            <rect width="20" height="20" 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 GoogleIcon({
+  stroke = 'none',
+  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="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+      >
+        <g clipPath="url(#clip0_6397_9258)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M1.90871 1.32625C1.75465 1.32625 1.60689 1.38745 1.49795 1.49639C1.389 1.60534 1.3278 1.75309 1.3278 1.90716V6.88641C1.3278 7.25308 1.03056 7.55031 0.6639 7.55031C0.297238 7.55031 0 7.25308 0 6.88641V1.90716C0 1.40094 0.201096 0.91545 0.559049 0.557497C0.917002 0.199544 1.40249 -0.00155258 1.90871 -0.00155258H6.88797C7.25463 -0.00155258 7.55187 0.295686 7.55187 0.662348C7.55187 1.02901 7.25463 1.32625 6.88797 1.32625H1.90871ZM12.4481 0.662348C12.4481 0.295686 12.7454 -0.00155258 13.112 -0.00155258H18.0913C18.5975 -0.00155258 19.083 0.199543 19.441 0.557497C19.7989 0.91545 20 1.40094 20 1.90716V6.88641C20 7.25308 19.7028 7.55031 19.3361 7.55031C18.9694 7.55031 18.6722 7.25308 18.6722 6.88641V1.90716C18.6722 1.75309 18.611 1.60534 18.5021 1.49639C18.3931 1.38745 18.2454 1.32625 18.0913 1.32625H13.112C12.7454 1.32625 12.4481 1.02901 12.4481 0.662348ZM1.3278 13.1105C1.3278 12.7438 1.03056 12.4466 0.6639 12.4466C0.297238 12.4466 0 12.7438 0 13.1105V18.0897C0 18.596 0.201096 19.0814 0.559049 19.4394C0.917001 19.7973 1.40249 19.9984 1.90871 19.9984H6.88797C7.25463 19.9984 7.55187 19.7012 7.55187 19.3345C7.55187 18.9679 7.25463 18.6706 6.88797 18.6706H1.90871C1.75465 18.6706 1.60689 18.6094 1.49795 18.5005C1.389 18.3916 1.3278 18.2438 1.3278 18.0897V13.1105ZM19.3361 12.4466C19.7028 12.4466 20 12.7438 20 13.1105V18.0897C20 18.596 19.7989 19.0814 19.441 19.4394C19.083 19.7973 18.5975 19.9984 18.0913 19.9984H13.112C12.7454 19.9984 12.4481 19.7012 12.4481 19.3345C12.4481 18.9679 12.7454 18.6706 13.112 18.6706H18.0913C18.2454 18.6706 18.3931 18.6094 18.5021 18.5005C18.611 18.3916 18.6722 18.2438 18.6722 18.0897V13.1105C18.6722 12.7438 18.9694 12.4466 19.3361 12.4466ZM5.06224 14.3553V5.64806L5.06298 5.63541C5.06416 5.61903 5.06682 5.59128 5.07266 5.55624C5.08486 5.48302 5.10803 5.39554 5.14775 5.3161C5.18617 5.23926 5.23338 5.18261 5.29176 5.14369C5.34599 5.10754 5.44812 5.06069 5.64315 5.06069H14.3504L14.363 5.06143C14.3794 5.0626 14.4072 5.06527 14.4422 5.0711C14.5154 5.08331 14.6029 5.10648 14.6823 5.1462C14.7592 5.18462 14.8158 5.23183 14.8548 5.29021C14.8909 5.34443 14.9378 5.44657 14.9378 5.6416V14.3488L14.937 14.3615C14.9358 14.3779 14.9332 14.4056 14.9273 14.4407C14.9151 14.5139 14.892 14.6014 14.8522 14.6808C14.8138 14.7576 14.7666 14.8143 14.7082 14.8532C14.654 14.8894 14.5519 14.9362 14.3568 14.9362H5.64961L5.63697 14.9355C5.62058 14.9343 5.59283 14.9316 5.5578 14.9258C5.48458 14.9136 5.3971 14.8904 5.31765 14.8507C5.24081 14.8123 5.18416 14.7651 5.14524 14.7067C5.10909 14.6525 5.06224 14.5503 5.06224 14.3553ZM14.3568 3.73289V4.39679C14.3568 3.73289 14.3572 3.73289 14.3575 3.73289L14.3582 3.73289L14.3597 3.73289L14.363 3.73291L14.3711 3.73301L14.3929 3.73356C14.4099 3.73412 14.4317 3.73515 14.4576 3.73701C14.5093 3.7407 14.5788 3.74776 14.6605 3.76137C14.8207 3.78807 15.0444 3.8427 15.2762 3.95858C15.5105 4.07576 15.7651 4.26195 15.9596 4.55368C16.1568 4.84956 16.2656 5.21422 16.2656 5.6416V14.3553H15.6017C16.2656 14.3553 16.2656 14.3556 16.2656 14.356V14.3567L16.2656 14.3581L16.2655 14.3615L16.2654 14.3696L16.2649 14.3914C16.2643 14.4083 16.2633 14.4301 16.2614 14.4561C16.2577 14.5078 16.2507 14.5773 16.2371 14.6589C16.2104 14.8191 16.1558 15.0428 16.0399 15.2746C15.9227 15.509 15.7365 15.7635 15.4448 15.958C15.1489 16.1553 14.7842 16.264 14.3568 16.264H5.64315V15.6001C5.64315 16.264 5.64282 16.264 5.64249 16.264H5.6418L5.64031 16.264L5.63698 16.264L5.62888 16.2639L5.60706 16.2633C5.59011 16.2628 5.56832 16.2617 5.54236 16.2599C5.49068 16.2562 5.42117 16.2491 5.33951 16.2355C5.17933 16.2088 4.9556 16.1542 4.72384 16.0383C4.48948 15.9211 4.23493 15.7349 4.04044 15.4432C3.84319 15.1473 3.73444 14.7827 3.73444 14.3553V5.6416H4.39834C3.73444 5.6416 3.73444 5.64127 3.73444 5.64094L3.73444 5.64024L3.73445 5.63876L3.73447 5.63543L3.73456 5.62732L3.73511 5.6055C3.73568 5.58856 3.7367 5.56677 3.73856 5.54081C3.74225 5.48912 3.74931 5.41962 3.76292 5.33795C3.78962 5.17777 3.84425 4.95405 3.96013 4.72229C4.07731 4.48793 4.26351 4.23337 4.55523 4.03889C4.85111 3.84164 5.21578 3.73289 5.64315 3.73289H14.3568Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_6397_9258">
+            <rect width="20" height="20" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/HardDriveIcon.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 HardDriveIcon({
-  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_313_2883)">
-          <path
-            d="M15 16.875C15.6213 16.875 16.125 17.3787 16.125 18C16.125 18.6213 15.6213 19.125 15 19.125C14.3787 19.125 13.875 18.6213 13.875 18C13.875 17.3787 14.3787 16.875 15 16.875Z"
-            fill={fill}
-          />
-          <path
-            d="M18.375 16.875C18.9963 16.875 19.5 17.3787 19.5 18C19.5 18.6213 18.9963 19.125 18.375 19.125C17.7537 19.125 17.25 18.6213 17.25 18C17.25 17.3787 17.7537 16.875 18.375 16.875Z"
-            fill={fill}
-          />
-          <path
-            d="M5.25 17.25C4.83579 17.25 4.5 17.5858 4.5 18C4.5 18.4142 4.83579 18.75 5.25 18.75H9C9.41421 18.75 9.75 18.4142 9.75 18C9.75 17.5858 9.41421 17.25 9 17.25H5.25Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M6.87838 0.75H17.1233C17.9687 0.750213 18.7897 1.03613 19.4522 1.56144C20.1148 2.08669 20.5805 2.82064 20.7735 3.6438L23.8615 16.8016L23.863 16.8084C23.9533 17.196 24 17.5956 24 18C24 19.3924 23.4469 20.7278 22.4623 21.7123C21.4778 22.6969 20.1424 23.25 18.75 23.25H5.25C3.85762 23.25 2.52226 22.6969 1.53769 21.7123C0.553126 20.7278 0 19.3924 0 18C0 17.567 0.053498 17.1394 0.156834 16.7263L3.22715 3.64364C3.42028 2.82027 3.88605 2.08636 4.54885 1.56107C5.21165 1.03578 6.03264 0.74994 6.87838 0.75ZM19.3131 3.9862L21.5614 13.5661C20.7272 13.0372 19.7534 12.75 18.75 12.75H5.25C4.2469 12.75 3.2734 13.0371 2.43933 13.5657L4.68747 3.98636C4.80334 3.49231 5.08284 3.05183 5.48053 2.73665C5.87823 2.42146 6.3708 2.24996 6.87824 2.25H17.1231C17.6304 2.25017 18.1229 2.42175 18.5203 2.73685C18.9179 3.05202 19.1973 3.49233 19.3131 3.9862ZM1.59947 17.1444C1.59746 17.1529 1.59531 17.1614 1.59302 17.1699C1.53166 17.4401 1.5 17.7184 1.5 18C1.5 18.9946 1.89509 19.9484 2.59835 20.6517C3.3016 21.3549 4.25544 21.75 5.25 21.75H18.75C19.7446 21.75 20.6984 21.3549 21.4017 20.6517C22.1049 19.9484 22.5 18.9946 22.5 18C22.5 17.0054 22.1049 16.0516 21.4017 15.3483C20.6984 14.6451 19.7446 14.25 18.75 14.25H5.25C4.25544 14.25 3.3016 14.6451 2.59835 15.3483C2.11613 15.8305 1.77881 16.4306 1.61439 17.0808L1.59947 17.1444Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_313_2883">
-            <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 HardDriveIcon({
+  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_313_2883)">
+          <path
+            d="M15 16.875C15.6213 16.875 16.125 17.3787 16.125 18C16.125 18.6213 15.6213 19.125 15 19.125C14.3787 19.125 13.875 18.6213 13.875 18C13.875 17.3787 14.3787 16.875 15 16.875Z"
+            fill={fill}
+          />
+          <path
+            d="M18.375 16.875C18.9963 16.875 19.5 17.3787 19.5 18C19.5 18.6213 18.9963 19.125 18.375 19.125C17.7537 19.125 17.25 18.6213 17.25 18C17.25 17.3787 17.7537 16.875 18.375 16.875Z"
+            fill={fill}
+          />
+          <path
+            d="M5.25 17.25C4.83579 17.25 4.5 17.5858 4.5 18C4.5 18.4142 4.83579 18.75 5.25 18.75H9C9.41421 18.75 9.75 18.4142 9.75 18C9.75 17.5858 9.41421 17.25 9 17.25H5.25Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.87838 0.75H17.1233C17.9687 0.750213 18.7897 1.03613 19.4522 1.56144C20.1148 2.08669 20.5805 2.82064 20.7735 3.6438L23.8615 16.8016L23.863 16.8084C23.9533 17.196 24 17.5956 24 18C24 19.3924 23.4469 20.7278 22.4623 21.7123C21.4778 22.6969 20.1424 23.25 18.75 23.25H5.25C3.85762 23.25 2.52226 22.6969 1.53769 21.7123C0.553126 20.7278 0 19.3924 0 18C0 17.567 0.053498 17.1394 0.156834 16.7263L3.22715 3.64364C3.42028 2.82027 3.88605 2.08636 4.54885 1.56107C5.21165 1.03578 6.03264 0.74994 6.87838 0.75ZM19.3131 3.9862L21.5614 13.5661C20.7272 13.0372 19.7534 12.75 18.75 12.75H5.25C4.2469 12.75 3.2734 13.0371 2.43933 13.5657L4.68747 3.98636C4.80334 3.49231 5.08284 3.05183 5.48053 2.73665C5.87823 2.42146 6.3708 2.24996 6.87824 2.25H17.1231C17.6304 2.25017 18.1229 2.42175 18.5203 2.73685C18.9179 3.05202 19.1973 3.49233 19.3131 3.9862ZM1.59947 17.1444C1.59746 17.1529 1.59531 17.1614 1.59302 17.1699C1.53166 17.4401 1.5 17.7184 1.5 18C1.5 18.9946 1.89509 19.9484 2.59835 20.6517C3.3016 21.3549 4.25544 21.75 5.25 21.75H18.75C19.7446 21.75 20.6984 21.3549 21.4017 20.6517C22.1049 19.9484 22.5 18.9946 22.5 18C22.5 17.0054 22.1049 16.0516 21.4017 15.3483C20.6984 14.6451 19.7446 14.25 18.75 14.25H5.25C4.25544 14.25 3.3016 14.6451 2.59835 15.3483C2.11613 15.8305 1.77881 16.4306 1.61439 17.0808L1.59947 17.1444Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_313_2883">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/HelpIcon.tsx

@@ -1,37 +1,37 @@
-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 HelpIcon({
-  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"
-      >
-        <g fillRule="evenodd">
-          <g>
-            <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12C23.993 5.376 18.624.007 12 0zm9.428 8.666c.027.076.016.161-.031.228-.047.066-.123.106-.204.106h-3.856c-.087 0-.168-.046-.214-.12-.5-.815-1.185-1.5-2-2-.076-.046-.123-.127-.123-.216V2.808c0-.081.04-.157.106-.204.066-.047.151-.059.228-.032 2.844 1.013 5.081 3.251 6.094 6.095v-.001zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4c0 1.06-.421 2.078-1.172 2.828C14.078 15.578 13.061 16 12 16zM8.666 2.572c.077-.027.162-.015.228.032S9 2.727 9 2.808v3.856c0 .087-.045.168-.12.214-.815.5-1.5 1.185-2 2-.046.076-.128.122-.217.122H2.807c-.081.002-.158-.035-.207-.1-.047-.066-.059-.152-.031-.228 1.012-2.846 3.251-5.086 6.097-6.1zM2.572 15.334c-.028-.076-.016-.162.03-.228.047-.067.124-.106.205-.106h3.856c.087 0 .168.045.214.12.5.815 1.185 1.5 2 2 .074.046.12.127.12.214v3.856c0 .081-.04.157-.106.204-.067.047-.152.058-.228.031-2.842-1.013-5.078-3.25-6.091-6.091zm12.762 6.095c-.076.027-.161.016-.228-.031-.066-.047-.106-.123-.106-.204v-3.856c0-.087.045-.168.12-.214.815-.5 1.5-1.185 2-2 .046-.075.127-.12.214-.12h3.856c.08.001.154.04.2.106.047.066.059.15.031.227-1.012 2.841-3.247 5.077-6.087 6.092z" />
-          </g>
-        </g>
-      </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 HelpIcon({
+  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"
+      >
+        <g fillRule="evenodd">
+          <g>
+            <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12C23.993 5.376 18.624.007 12 0zm9.428 8.666c.027.076.016.161-.031.228-.047.066-.123.106-.204.106h-3.856c-.087 0-.168-.046-.214-.12-.5-.815-1.185-1.5-2-2-.076-.046-.123-.127-.123-.216V2.808c0-.081.04-.157.106-.204.066-.047.151-.059.228-.032 2.844 1.013 5.081 3.251 6.094 6.095v-.001zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4c0 1.06-.421 2.078-1.172 2.828C14.078 15.578 13.061 16 12 16zM8.666 2.572c.077-.027.162-.015.228.032S9 2.727 9 2.808v3.856c0 .087-.045.168-.12.214-.815.5-1.5 1.185-2 2-.046.076-.128.122-.217.122H2.807c-.081.002-.158-.035-.207-.1-.047-.066-.059-.152-.031-.228 1.012-2.846 3.251-5.086 6.097-6.1zM2.572 15.334c-.028-.076-.016-.162.03-.228.047-.067.124-.106.205-.106h3.856c.087 0 .168.045.214.12.5.815 1.185 1.5 2 2 .074.046.12.127.12.214v3.856c0 .081-.04.157-.106.204-.067.047-.152.058-.228.031-2.842-1.013-5.078-3.25-6.091-6.091zm12.762 6.095c-.076.027-.161.016-.228-.031-.066-.047-.106-.123-.106-.204v-3.856c0-.087.045-.168.12-.214.815-.5 1.5-1.185 2-2 .046-.075.127-.12.214-.12h3.856c.08.001.154.04.2.106.047.066.059.15.031.227-1.012 2.841-3.247 5.077-6.087 6.092z" />
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/HelpIconAlt.tsx

@@ -1,33 +1,33 @@
-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 HelpIconAlt({
-  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"
-      >
-        <path d="M20.4 20.4C22.6 18.2 23.9 15.2 23.9 12C23.9 9.79998 23.3 7.69998 22.2 5.89998C21.7 5.09998 21.1 4.29998 20.4 3.59998C19.7 2.89998 18.9 2.29998 18.1 1.79998C16.3 0.699975 14.2 0.0999756 12 0.0999756C9.80001 0.0999756 7.70001 0.699975 5.90001 1.79998C5.10001 2.39998 4.30001 2.89998 3.60001 3.59998C2.90001 4.29998 2.40001 5.09998 1.90001 5.89998C0.800012 7.69998 0.200012 9.79998 0.200012 12C0.200012 14.2 0.800012 16.3 1.90001 18.1C2.40001 18.9 3.00001 19.7 3.70001 20.4C4.40001 21.1 5.10001 21.7 6.00001 22.2C7.80001 23.3 9.90001 23.9 12.1 23.9C14.3 23.9 16.4 23.3 18.2 22.2C18.9 21.6 19.7 21.1 20.4 20.4ZM19.2 19.2C18.8 19.6 18.4 20 17.9 20.3L14.2 16.6C14.7 16.4 15.2 16 15.6 15.6C16 15.2 16.4 14.7 16.6 14.1L20.4 17.6C20.1 18.2 19.6 18.7 19.2 19.2ZM1.80001 12C1.80001 10.5 2.20001 8.99998 2.80001 7.59998L6.90001 11.7C6.90001 11.8 6.90001 11.9 6.90001 12C6.90001 12.1 6.90001 12.2 6.90001 12.3L2.80001 16.4C2.20001 15 1.80001 13.5 1.80001 12ZM8.60001 12C8.60001 11.1 9.00001 10.2 9.60001 9.59998C10.2 8.99998 11.1 8.59998 12 8.59998C12.9 8.59998 13.8 8.99998 14.4 9.59998C15 10.2 15.4 11.1 15.4 12C15.4 12.9 15 13.8 14.4 14.4C13.1 15.7 10.9 15.7 9.60001 14.4C9.00001 13.8 8.60001 12.9 8.60001 12ZM21.3 16.1L17.1 12.2C17.1 12.1 17.1 12 17.1 12C17.1 11.9 17.1 11.8 17.1 11.7L21.2 7.59998C21.8 8.89998 22.2 10.4 22.2 12C22.2 13.5 21.8 14.9 21.3 16.1ZM20.3 6.09998L16.6 9.79998C16.4 9.29998 16 8.79997 15.6 8.39997C15.2 7.99997 14.7 7.69998 14.2 7.39998L17.9 3.69998C18.4 3.99998 18.8 4.39998 19.2 4.79998C19.6 5.19998 19.9 5.69998 20.3 6.09998ZM16.4 2.79998L12.3 6.89998C12.2 6.89998 12.1 6.89998 12 6.89998C11.9 6.89998 11.8 6.89998 11.7 6.89998L7.60001 2.79998C8.90001 2.19998 10.4 1.79998 12 1.79998C13.5 1.79998 15 2.19998 16.4 2.79998ZM6.10001 3.69998L9.80001 7.39998C9.30001 7.59998 8.80001 7.99997 8.40001 8.39997C8.00001 8.79997 7.70001 9.29998 7.40001 9.79998L3.70001 6.09998C4.00001 5.59998 4.40001 5.19998 4.80001 4.79998C5.20001 4.39998 5.70001 4.09998 6.10001 3.69998ZM3.70001 17.9L7.40001 14.2C7.60001 14.7 8.00001 15.2 8.40001 15.6C8.80001 16 9.30001 16.3 9.80001 16.6L6.10001 20.3C5.60001 20 5.20001 19.6 4.80001 19.2C4.40001 18.8 4.10001 18.3 3.70001 17.9ZM7.60001 21.2L11.7 17.1C11.8 17.1 11.9 17.1 12 17.1C12.1 17.1 12.2 17.1 12.3 17.1L16.4 21.2C15.1 21.8 13.6 22.2 12 22.2C10.5 22.2 9.00001 21.8 7.60001 21.2Z" />
-      </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 HelpIconAlt({
+  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"
+      >
+        <path d="M20.4 20.4C22.6 18.2 23.9 15.2 23.9 12C23.9 9.79998 23.3 7.69998 22.2 5.89998C21.7 5.09998 21.1 4.29998 20.4 3.59998C19.7 2.89998 18.9 2.29998 18.1 1.79998C16.3 0.699975 14.2 0.0999756 12 0.0999756C9.80001 0.0999756 7.70001 0.699975 5.90001 1.79998C5.10001 2.39998 4.30001 2.89998 3.60001 3.59998C2.90001 4.29998 2.40001 5.09998 1.90001 5.89998C0.800012 7.69998 0.200012 9.79998 0.200012 12C0.200012 14.2 0.800012 16.3 1.90001 18.1C2.40001 18.9 3.00001 19.7 3.70001 20.4C4.40001 21.1 5.10001 21.7 6.00001 22.2C7.80001 23.3 9.90001 23.9 12.1 23.9C14.3 23.9 16.4 23.3 18.2 22.2C18.9 21.6 19.7 21.1 20.4 20.4ZM19.2 19.2C18.8 19.6 18.4 20 17.9 20.3L14.2 16.6C14.7 16.4 15.2 16 15.6 15.6C16 15.2 16.4 14.7 16.6 14.1L20.4 17.6C20.1 18.2 19.6 18.7 19.2 19.2ZM1.80001 12C1.80001 10.5 2.20001 8.99998 2.80001 7.59998L6.90001 11.7C6.90001 11.8 6.90001 11.9 6.90001 12C6.90001 12.1 6.90001 12.2 6.90001 12.3L2.80001 16.4C2.20001 15 1.80001 13.5 1.80001 12ZM8.60001 12C8.60001 11.1 9.00001 10.2 9.60001 9.59998C10.2 8.99998 11.1 8.59998 12 8.59998C12.9 8.59998 13.8 8.99998 14.4 9.59998C15 10.2 15.4 11.1 15.4 12C15.4 12.9 15 13.8 14.4 14.4C13.1 15.7 10.9 15.7 9.60001 14.4C9.00001 13.8 8.60001 12.9 8.60001 12ZM21.3 16.1L17.1 12.2C17.1 12.1 17.1 12 17.1 12C17.1 11.9 17.1 11.8 17.1 11.7L21.2 7.59998C21.8 8.89998 22.2 10.4 22.2 12C22.2 13.5 21.8 14.9 21.3 16.1ZM20.3 6.09998L16.6 9.79998C16.4 9.29998 16 8.79997 15.6 8.39997C15.2 7.99997 14.7 7.69998 14.2 7.39998L17.9 3.69998C18.4 3.99998 18.8 4.39998 19.2 4.79998C19.6 5.19998 19.9 5.69998 20.3 6.09998ZM16.4 2.79998L12.3 6.89998C12.2 6.89998 12.1 6.89998 12 6.89998C11.9 6.89998 11.8 6.89998 11.7 6.89998L7.60001 2.79998C8.90001 2.19998 10.4 1.79998 12 1.79998C13.5 1.79998 15 2.19998 16.4 2.79998ZM6.10001 3.69998L9.80001 7.39998C9.30001 7.59998 8.80001 7.99997 8.40001 8.39997C8.00001 8.79997 7.70001 9.29998 7.40001 9.79998L3.70001 6.09998C4.00001 5.59998 4.40001 5.19998 4.80001 4.79998C5.20001 4.39998 5.70001 4.09998 6.10001 3.69998ZM3.70001 17.9L7.40001 14.2C7.60001 14.7 8.00001 15.2 8.40001 15.6C8.80001 16 9.30001 16.3 9.80001 16.6L6.10001 20.3C5.60001 20 5.20001 19.6 4.80001 19.2C4.40001 18.8 4.10001 18.3 3.70001 17.9ZM7.60001 21.2L11.7 17.1C11.8 17.1 11.9 17.1 12 17.1C12.1 17.1 12.2 17.1 12.3 17.1L16.4 21.2C15.1 21.8 13.6 22.2 12 22.2C10.5 22.2 9.00001 21.8 7.60001 21.2Z" />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Miscellaneous/LanguageIcon.tsx

@@ -1,34 +1,34 @@
-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 LanguageIcon({
-  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 width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
-        <g id="Symbols" fillRule="evenodd">
-          <g id="4-Icons-/-Lang">
-            <path
-              d="M12,0 C12.9981373,0 13.9678118,0.12186391 14.8949565,0.351524847 C14.8978752,0.352636507 14.9011962,0.353497562 14.9045114,0.354381324 C20.1287786,1.65276791 24,6.37429785 24,12 C24,17.6257021 20.1287786,22.3472321 14.9049241,23.6460015 C14.9011962,23.6465024 14.8978752,23.6473635 14.8945488,23.6482018 C13.9678118,23.8781361 12.9981373,24 12,24 C11.0018627,24 10.0321882,23.8781361 9.10504351,23.6484752 C9.10212478,23.6473635 9.09880383,23.6465024 9.0954886,23.6456187 C3.87122139,22.3472321 0,17.6257021 0,12 C0,6.37429785 3.87122139,1.65276791 9.09507586,0.353998474 C9.09880383,0.353497562 9.10212478,0.352636507 9.1054512,0.351798204 C10.0321882,0.12186391 11.0018627,0 12,0 Z M15.6800669,18.7507632 L8.31993313,18.7507632 C8.6923045,20.1439845 9.17864976,21.3434847 9.75205149,22.2587745 C10.4756212,22.4167033 11.2280831,22.5 12,22.5 C12.7719169,22.5 13.5243788,22.4167033 14.2488876,22.2586082 C14.8213502,21.3434847 15.3076955,20.1439845 15.6800669,18.7507632 Z M6.77173538,18.7515024 L3.95732223,18.7505868 C4.97316322,19.9595975 6.25659758,20.9362553 7.71641907,21.5893537 C7.34642177,20.7455593 7.02917982,19.7900383 6.77173538,18.7515024 Z M20.0426778,18.7505868 L17.2282646,18.7515024 C16.9708202,19.7900383 16.6535782,20.7455593 16.2835842,21.5903698 C17.7434024,20.9362553 19.0268368,19.9595975 20.0426778,18.7505868 Z M6.00877913,12.7509233 L1.52641569,12.7506041 C1.64163349,14.3818347 2.12946406,15.9101758 2.90530782,17.251028 L6.45200814,17.251182 C6.19820814,15.8449233 6.04568677,14.3260534 6.00877913,12.7509233 Z M16.4907553,12.7507166 L7.50924474,12.7507166 C7.5484855,14.340921 7.71157088,15.8642458 7.97786501,17.2513183 L16.022135,17.2513183 C16.2884291,15.8642458 16.4515145,14.340921 16.4907553,12.7507166 Z M22.4735843,12.7506041 L17.9912209,12.7509233 C17.9543132,14.3260534 17.8017919,15.8449233 17.5479919,17.251182 L21.0946922,17.251028 C21.8705359,15.9101758 22.3583665,14.3818347 22.4735843,12.7506041 Z M6.45182831,6.74981447 L2.904726,6.74997762 C2.12906214,8.09086151 1.64140596,9.61919591 1.52634531,11.250393 L6.00875572,11.2500766 C6.04561352,9.67496143 6.19808241,8.15609175 6.45182831,6.74981447 Z M16.0223262,6.74967803 L7.97767376,6.74967803 C7.71143713,8.13677365 7.54840792,9.66009668 7.50922014,11.2502808 L16.4907799,11.2502808 C16.4515921,9.66009668 16.2885629,8.13677365 16.0223262,6.74967803 Z M21.095274,6.74997762 L17.5481717,6.74981447 C17.8019176,8.15609175 17.9543865,9.67496143 17.9912443,11.2500766 L22.4736547,11.250393 C22.358594,9.61919591 21.8709379,8.09086151 21.095274,6.74997762 Z M7.71641581,2.40963018 L7.48548308,2.51735667 C6.12071449,3.16826244 4.91854232,4.1051202 3.95647577,5.25042074 L6.77148808,5.24949538 C7.02897664,4.21057365 7.34630329,3.25471122 7.71641581,2.40963018 Z M12,1.5 C11.2280831,1.5 10.4756212,1.58329665 9.75111243,1.74139185 C9.1785137,2.65673244 8.69207371,3.85658479 8.31966808,5.25022859 L15.6803319,5.25022859 C15.3079263,3.85658479 14.8214863,2.65673244 14.2479485,1.74122555 C13.5243788,1.58329665 12.7719169,1.5 12,1.5 Z M16.2835809,2.41064627 L16.3817393,2.63930479 C16.7100497,3.42657103 16.9940813,4.30360843 17.2285119,5.24949538 L20.0435242,5.25042074 C19.0275498,4.04094506 17.7438079,3.06392614 16.2835809,2.41064627 Z"
-              id="Lang"
-            />
-          </g>
-        </g>
-      </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 LanguageIcon({
+  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 width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
+        <g id="Symbols" fillRule="evenodd">
+          <g id="4-Icons-/-Lang">
+            <path
+              d="M12,0 C12.9981373,0 13.9678118,0.12186391 14.8949565,0.351524847 C14.8978752,0.352636507 14.9011962,0.353497562 14.9045114,0.354381324 C20.1287786,1.65276791 24,6.37429785 24,12 C24,17.6257021 20.1287786,22.3472321 14.9049241,23.6460015 C14.9011962,23.6465024 14.8978752,23.6473635 14.8945488,23.6482018 C13.9678118,23.8781361 12.9981373,24 12,24 C11.0018627,24 10.0321882,23.8781361 9.10504351,23.6484752 C9.10212478,23.6473635 9.09880383,23.6465024 9.0954886,23.6456187 C3.87122139,22.3472321 0,17.6257021 0,12 C0,6.37429785 3.87122139,1.65276791 9.09507586,0.353998474 C9.09880383,0.353497562 9.10212478,0.352636507 9.1054512,0.351798204 C10.0321882,0.12186391 11.0018627,0 12,0 Z M15.6800669,18.7507632 L8.31993313,18.7507632 C8.6923045,20.1439845 9.17864976,21.3434847 9.75205149,22.2587745 C10.4756212,22.4167033 11.2280831,22.5 12,22.5 C12.7719169,22.5 13.5243788,22.4167033 14.2488876,22.2586082 C14.8213502,21.3434847 15.3076955,20.1439845 15.6800669,18.7507632 Z M6.77173538,18.7515024 L3.95732223,18.7505868 C4.97316322,19.9595975 6.25659758,20.9362553 7.71641907,21.5893537 C7.34642177,20.7455593 7.02917982,19.7900383 6.77173538,18.7515024 Z M20.0426778,18.7505868 L17.2282646,18.7515024 C16.9708202,19.7900383 16.6535782,20.7455593 16.2835842,21.5903698 C17.7434024,20.9362553 19.0268368,19.9595975 20.0426778,18.7505868 Z M6.00877913,12.7509233 L1.52641569,12.7506041 C1.64163349,14.3818347 2.12946406,15.9101758 2.90530782,17.251028 L6.45200814,17.251182 C6.19820814,15.8449233 6.04568677,14.3260534 6.00877913,12.7509233 Z M16.4907553,12.7507166 L7.50924474,12.7507166 C7.5484855,14.340921 7.71157088,15.8642458 7.97786501,17.2513183 L16.022135,17.2513183 C16.2884291,15.8642458 16.4515145,14.340921 16.4907553,12.7507166 Z M22.4735843,12.7506041 L17.9912209,12.7509233 C17.9543132,14.3260534 17.8017919,15.8449233 17.5479919,17.251182 L21.0946922,17.251028 C21.8705359,15.9101758 22.3583665,14.3818347 22.4735843,12.7506041 Z M6.45182831,6.74981447 L2.904726,6.74997762 C2.12906214,8.09086151 1.64140596,9.61919591 1.52634531,11.250393 L6.00875572,11.2500766 C6.04561352,9.67496143 6.19808241,8.15609175 6.45182831,6.74981447 Z M16.0223262,6.74967803 L7.97767376,6.74967803 C7.71143713,8.13677365 7.54840792,9.66009668 7.50922014,11.2502808 L16.4907799,11.2502808 C16.4515921,9.66009668 16.2885629,8.13677365 16.0223262,6.74967803 Z M21.095274,6.74997762 L17.5481717,6.74981447 C17.8019176,8.15609175 17.9543865,9.67496143 17.9912443,11.2500766 L22.4736547,11.250393 C22.358594,9.61919591 21.8709379,8.09086151 21.095274,6.74997762 Z M7.71641581,2.40963018 L7.48548308,2.51735667 C6.12071449,3.16826244 4.91854232,4.1051202 3.95647577,5.25042074 L6.77148808,5.24949538 C7.02897664,4.21057365 7.34630329,3.25471122 7.71641581,2.40963018 Z M12,1.5 C11.2280831,1.5 10.4756212,1.58329665 9.75111243,1.74139185 C9.1785137,2.65673244 8.69207371,3.85658479 8.31966808,5.25022859 L15.6803319,5.25022859 C15.3079263,3.85658479 14.8214863,2.65673244 14.2479485,1.74122555 C13.5243788,1.58329665 12.7719169,1.5 12,1.5 Z M16.2835809,2.41064627 L16.3817393,2.63930479 C16.7100497,3.42657103 16.9940813,4.30360843 17.2285119,5.24949538 L20.0435242,5.25042074 C19.0275498,4.04094506 17.7438079,3.06392614 16.2835809,2.41064627 Z"
+              id="Lang"
+            />
+          </g>
+        </g>
+      </svg>
+    </SvgIcon>
+  );
+}