odaptos_design_system 2.0.4 → 2.0.6

package/src/DesignTokens/Icons/Arrows/ArrowLineUpIcon.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 ArrowLineUpIcon({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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_112_1020)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M23.7804 18.2191C23.4875 18.512 23.0126 18.512 22.7197 18.2191L12 7.50041L1.28031 18.2191C0.987398 18.512 0.512525 18.512 0.219645 18.2191C-0.0732346 17.9262 -0.0732117 17.4513 0.219694 17.1584L10.9393 6.4398C11.0785 6.30039 11.2439 6.18977 11.4259 6.11431C11.6079 6.03884 11.803 6 12 6C12.197 6 12.3921 6.03884 12.5741 6.11431C12.7561 6.18977 12.9215 6.30037 13.0607 6.43978L23.7803 17.1584C24.0732 17.4513 24.0732 17.9262 23.7804 18.2191Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1020">
-            <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 ArrowLineUpIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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_112_1020)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.7804 18.2191C23.4875 18.512 23.0126 18.512 22.7197 18.2191L12 7.50041L1.28031 18.2191C0.987398 18.512 0.512525 18.512 0.219645 18.2191C-0.0732346 17.9262 -0.0732117 17.4513 0.219694 17.1584L10.9393 6.4398C11.0785 6.30039 11.2439 6.18977 11.4259 6.11431C11.6079 6.03884 11.803 6 12 6C12.197 6 12.3921 6.03884 12.5741 6.11431C12.7561 6.18977 12.9215 6.30037 13.0607 6.43978L23.7803 17.1584C24.0732 17.4513 24.0732 17.9262 23.7804 18.2191Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1020">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowPointerDown.tsx

@@ -1,52 +1,52 @@
-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 ArrowPointerDown({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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_112_1064)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V0.75C11.25 0.335786 11.5858 0 12 0Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0.96967 12.2197C1.26256 11.9268 1.73744 11.9268 2.03033 12.2197L12 22.1893L21.9697 12.2197C22.2626 11.9268 22.7374 11.9268 23.0303 12.2197C23.3232 12.5126 23.3232 12.9874 23.0303 13.2803L12.5303 23.7803C12.2374 24.0732 11.7626 24.0732 11.4697 23.7803L0.96967 13.2803C0.676777 12.9874 0.676777 12.5126 0.96967 12.2197Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1064">
-            <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 ArrowPointerDown({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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_112_1064)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 0C12.4142 0 12.75 0.335786 12.75 0.75V23.25C12.75 23.6642 12.4142 24 12 24C11.5858 24 11.25 23.6642 11.25 23.25V0.75C11.25 0.335786 11.5858 0 12 0Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.96967 12.2197C1.26256 11.9268 1.73744 11.9268 2.03033 12.2197L12 22.1893L21.9697 12.2197C22.2626 11.9268 22.7374 11.9268 23.0303 12.2197C23.3232 12.5126 23.3232 12.9874 23.0303 13.2803L12.5303 23.7803C12.2374 24.0732 11.7626 24.0732 11.4697 23.7803L0.96967 13.2803C0.676777 12.9874 0.676777 12.5126 0.96967 12.2197Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1064">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowPointerDownLeft.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 ArrowPointerDownLeft({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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="M20.6903 3.21967C20.9832 3.51256 20.9832 3.98744 20.6903 4.28033L4.78033 20.1903C4.48744 20.4832 4.01256 20.4832 3.71967 20.1903C3.42678 19.8974 3.42678 19.4226 3.71967 19.1297L19.6297 3.21967C19.9226 2.92678 20.3974 2.92678 20.6903 3.21967Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M4.25 3.91C4.66421 3.91 5 4.24579 5 4.66V18.91H19.25C19.6642 18.91 20 19.2458 20 19.66C20 20.0742 19.6642 20.41 19.25 20.41H4.25C3.83579 20.41 3.5 20.0742 3.5 19.66V4.66C3.5 4.24579 3.83579 3.91 4.25 3.91Z"
-          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 ArrowPointerDownLeft({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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="M20.6903 3.21967C20.9832 3.51256 20.9832 3.98744 20.6903 4.28033L4.78033 20.1903C4.48744 20.4832 4.01256 20.4832 3.71967 20.1903C3.42678 19.8974 3.42678 19.4226 3.71967 19.1297L19.6297 3.21967C19.9226 2.92678 20.3974 2.92678 20.6903 3.21967Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4.25 3.91C4.66421 3.91 5 4.24579 5 4.66V18.91H19.25C19.6642 18.91 20 19.2458 20 19.66C20 20.0742 19.6642 20.41 19.25 20.41H4.25C3.83579 20.41 3.5 20.0742 3.5 19.66V4.66C3.5 4.24579 3.83579 3.91 4.25 3.91Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowPointerDownRight.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 ArrowPointerDownRight({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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.46967 3.21967C3.76256 2.92678 4.23744 2.92678 4.53033 3.21967L20.4403 19.1297C20.7332 19.4226 20.7332 19.8974 20.4403 20.1903C20.1474 20.4832 19.6726 20.4832 19.3797 20.1903L3.46967 4.28033C3.17678 3.98744 3.17678 3.51256 3.46967 3.21967Z"
-          fill={fill}
-        />
-        <path
-          fillRule="evenodd"
-          clipRule="evenodd"
-          d="M19.91 3.91C20.3242 3.91 20.66 4.24579 20.66 4.66V19.66C20.66 20.0742 20.3242 20.41 19.91 20.41H4.91C4.49579 20.41 4.16 20.0742 4.16 19.66C4.16 19.2458 4.49579 18.91 4.91 18.91H19.16V4.66C19.16 4.24579 19.4958 3.91 19.91 3.91Z"
-          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 ArrowPointerDownRight({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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.46967 3.21967C3.76256 2.92678 4.23744 2.92678 4.53033 3.21967L20.4403 19.1297C20.7332 19.4226 20.7332 19.8974 20.4403 20.1903C20.1474 20.4832 19.6726 20.4832 19.3797 20.1903L3.46967 4.28033C3.17678 3.98744 3.17678 3.51256 3.46967 3.21967Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M19.91 3.91C20.3242 3.91 20.66 4.24579 20.66 4.66V19.66C20.66 20.0742 20.3242 20.41 19.91 20.41H4.91C4.49579 20.41 4.16 20.0742 4.16 19.66C4.16 19.2458 4.49579 18.91 4.91 18.91H19.16V4.66C19.16 4.24579 19.4958 3.91 19.91 3.91Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowPointerLeft.tsx

@@ -1,52 +1,52 @@
-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 ArrowPointerLeft({
-  stroke,
-  strokeWidth,
-  fill,
-  size = 'base',
-  ...rest
-}: SvgIconProps & CustomSvgProps) {
-  return (
-    <SvgIcon
-      strokeWidth={strokeWidth ?? 0.5}
-      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_112_1065)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0 12C0 11.5858 0.335786 11.25 0.75 11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H0.75C0.335786 12.75 0 12.4142 0 12Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M11.7803 0.96967C12.0732 1.26256 12.0732 1.73744 11.7803 2.03033L1.81066 12L11.7803 21.9697C12.0732 22.2626 12.0732 22.7374 11.7803 23.0303C11.4874 23.3232 11.0126 23.3232 10.7197 23.0303L0.21967 12.5303C-0.0732233 12.2374 -0.0732233 11.7626 0.21967 11.4697L10.7197 0.96967C11.0126 0.676777 11.4874 0.676777 11.7803 0.96967Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1065">
-            <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 ArrowPointerLeft({
+  stroke,
+  strokeWidth,
+  fill,
+  size = 'base',
+  ...rest
+}: SvgIconProps & CustomSvgProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.5}
+      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_112_1065)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 11.5858 0.335786 11.25 0.75 11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H0.75C0.335786 12.75 0 12.4142 0 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.7803 0.96967C12.0732 1.26256 12.0732 1.73744 11.7803 2.03033L1.81066 12L11.7803 21.9697C12.0732 22.2626 12.0732 22.7374 11.7803 23.0303C11.4874 23.3232 11.0126 23.3232 10.7197 23.0303L0.21967 12.5303C-0.0732233 12.2374 -0.0732233 11.7626 0.21967 11.4697L10.7197 0.96967C11.0126 0.676777 11.4874 0.676777 11.7803 0.96967Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1065">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/DesignTokens/Icons/Arrows/ArrowPointerRight.tsx

@@ -1,52 +1,52 @@
-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 ArrowPointerRight({
-  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_112_1066)">
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M0 12C0 11.5858 0.335786 11.25 0.75 11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H0.75C0.335786 12.75 0 12.4142 0 12Z"
-            fill={fill}
-          />
-          <path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M12.2197 0.96967C12.5126 0.676777 12.9874 0.676777 13.2803 0.96967L23.7803 11.4697C24.0732 11.7626 24.0732 12.2374 23.7803 12.5303L13.2803 23.0303C12.9874 23.3232 12.5126 23.3232 12.2197 23.0303C11.9268 22.7374 11.9268 22.2626 12.2197 21.9697L22.1893 12L12.2197 2.03033C11.9268 1.73744 11.9268 1.26256 12.2197 0.96967Z"
-            fill={fill}
-          />
-        </g>
-        <defs>
-          <clipPath id="clip0_112_1066">
-            <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 ArrowPointerRight({
+  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_112_1066)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 11.5858 0.335786 11.25 0.75 11.25H23.25C23.6642 11.25 24 11.5858 24 12C24 12.4142 23.6642 12.75 23.25 12.75H0.75C0.335786 12.75 0 12.4142 0 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.2197 0.96967C12.5126 0.676777 12.9874 0.676777 13.2803 0.96967L23.7803 11.4697C24.0732 11.7626 24.0732 12.2374 23.7803 12.5303L13.2803 23.0303C12.9874 23.3232 12.5126 23.3232 12.2197 23.0303C11.9268 22.7374 11.9268 22.2626 12.2197 21.9697L22.1893 12L12.2197 2.03033C11.9268 1.73744 11.9268 1.26256 12.2197 0.96967Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1066">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}