odaptos_design_system 1.0.0 → 1.2.0

package/src/Icons/Arrows/ArrowDoubleLineRightIcon.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowDoubleLineRightIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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_1024)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.7807 0.219645C12.0736 -0.0732344 12.5485 -0.0732122 12.8414 0.219695L23.56 10.9393C23.5599 10.9393 23.56 10.9393 23.56 10.9393C23.6994 11.0785 23.81 11.2439 23.8854 11.4259C23.9609 11.6079 23.9998 11.803 23.9998 12C23.9998 12.197 23.9609 12.3921 23.8854 12.5741C23.81 12.7561 23.6994 12.9215 23.56 13.0607C23.56 13.0607 23.56 13.0607 23.56 13.0607L12.8414 23.7803C12.5485 24.0732 12.0736 24.0732 11.7807 23.7804C11.4878 23.4875 11.4878 23.0126 11.7806 22.7197L22.4993 12L11.7806 1.28031C11.4878 0.987399 11.4878 0.512525 11.7807 0.219645Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.219695 0.219645C0.512602 -0.0732344 0.987475 -0.0732122 1.28035 0.219695L11.999 10.9393C11.9989 10.9393 11.999 10.9393 11.999 10.9393C12.1384 11.0785 12.249 11.2439 12.3244 11.4259C12.3999 11.6079 12.4388 11.803 12.4388 12C12.4388 12.197 12.3999 12.3921 12.3244 12.5741C12.249 12.7561 12.1384 12.9215 11.999 13.0607C11.999 13.0607 11.999 13.0607 11.999 13.0607L1.28035 23.7803C0.987475 24.0732 0.512602 24.0732 0.219695 23.7804C-0.0732122 23.4875 -0.0732344 23.0126 0.219645 22.7197L10.9383 12L0.219645 1.28031C-0.0732344 0.987398 -0.0732122 0.512525 0.219695 0.219645Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1024">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowDoubleLineUpIcon.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowDoubleLineUpIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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_1022)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 1.50066L1.28031 12.2194C0.987398 12.5122 0.512525 12.5122 0.219645 12.2193C-0.0732344 11.9264 -0.0732122 11.4515 0.219695 11.1586L10.9393 0.440046C10.9393 0.440068 10.9393 0.440024 10.9393 0.440046C11.0785 0.300658 11.2439 0.190007 11.4259 0.114553C11.6079 0.0390875 11.803 0.000244141 12 0.000244141C12.197 0.000244141 12.3921 0.0390875 12.5741 0.114553C12.7561 0.190007 12.9214 0.300591 13.0606 0.439979C13.0606 0.439957 13.0607 0.440002 13.0606 0.439979L23.7803 11.1586C24.0732 11.4515 24.0732 11.9264 23.7804 12.2193C23.4875 12.5122 23.0126 12.5122 22.7197 12.2194L12 1.50066Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 12.5004L1.28031 23.2191C0.987398 23.512 0.512525 23.512 0.219645 23.2191C-0.0732344 22.9262 -0.0732122 22.4513 0.219695 22.1584L10.9393 11.4398C10.9393 11.4398 10.9393 11.4398 10.9393 11.4398C11.0785 11.3004 11.2439 11.1898 11.4259 11.1143C11.6079 11.0388 11.803 11 12 11C12.197 11 12.3921 11.0388 12.5741 11.1143C12.7561 11.1898 12.9214 11.3003 13.0606 11.4397C13.0606 11.4397 13.0607 11.4398 13.0606 11.4397L23.7803 22.1584C24.0732 22.4513 24.0732 22.9262 23.7804 23.2191C23.4875 23.512 23.0126 23.512 22.7197 23.2191L12 12.5004Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1022">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowFilledDownIcon.tsx

@@ -0,0 +1,29 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowFilledDownIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          d="M12.7557 16.1272C12.3569 16.5876 11.6426 16.5876 11.2438 16.1272L3.0404 6.65471C2.47953 6.00707 2.93958 5.00006 3.79633 5.00006L20.2031 5.00006C21.0599 5.00006 21.5199 6.00707 20.9591 6.65471L12.7557 16.1272Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowFilledLeftIcon.tsx

@@ -0,0 +1,29 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowFilledLeftIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          d="M6.60883 13.4922C6.14837 13.0934 6.14837 12.3791 6.60883 11.9804L16.0813 3.77696C16.729 3.21608 17.736 3.67614 17.736 4.53289L17.736 20.9397C17.736 21.7964 16.729 22.2565 16.0813 21.6956L6.60883 13.4922Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowFilledRightIcon.tsx

@@ -0,0 +1,29 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowFilledRightIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          d="M17.3906 11.9804C17.8511 12.3791 17.8511 13.0935 17.3906 13.4922L7.91814 21.6956C7.2705 22.2565 6.26349 21.7965 6.26349 20.9397L6.26349 4.5329C6.26349 3.67615 7.2705 3.21609 7.91814 3.77697L17.3906 11.9804Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowFilledUpIcon.tsx

@@ -0,0 +1,29 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowFilledUpIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...rest}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          d="M11.2438 7.34541C11.6426 6.88495 12.3569 6.88495 12.7557 7.34541L20.9591 16.8179C21.52 17.4655 21.0599 18.4725 20.2031 18.4725H3.79634C2.93959 18.4725 2.47954 17.4655 3.04041 16.8179L11.2438 7.34541Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowLineDownIcon.tsx

@@ -0,0 +1,38 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowLineDowIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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_1018)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0.219645 6.78073C0.512525 6.48782 0.987399 6.4878 1.28031 6.78068L12 17.4994L22.7197 6.78068C23.0126 6.4878 23.4875 6.48782 23.7804 6.78073C24.0732 7.07364 24.0732 7.54851 23.7803 7.84139L13.0607 18.56C12.9215 18.6994 12.7561 18.81 12.5741 18.8855C12.3921 18.9609 12.197 18.9998 12 18.9998C11.803 18.9998 11.6079 18.9609 11.4259 18.8855C11.2439 18.81 11.0785 18.6994 10.9393 18.56L0.219695 7.84139C-0.0732122 7.54851 -0.0732344 7.07364 0.219645 6.78073Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1018">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowLineLeftIcon.tsx

@@ -0,0 +1,38 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowLineLeftIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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_1019)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M18.2201 23.7803C17.9272 24.0732 17.4523 24.0732 17.1594 23.7803L6.4398 13.0607C6.30039 12.9215 6.18978 12.7561 6.11431 12.5741C6.03884 12.3921 6 12.197 6 12C6 11.803 6.03884 11.6079 6.11431 11.4259C6.18978 11.2438 6.30039 11.0785 6.4398 10.9393L17.1594 0.219669C17.4523 -0.0732231 17.9272 -0.0732231 18.2201 0.219669C18.513 0.512564 18.513 0.987436 18.2201 1.28033L7.50041 12L18.2201 22.7197C18.513 23.0126 18.513 23.4874 18.2201 23.7803Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1019">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowLineRightIcon.tsx

@@ -0,0 +1,38 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowLineRightIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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_1017)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M4.96967 0.21967C5.26256 -0.0732233 5.73744 -0.0732233 6.03033 0.21967L16.75 10.9393C16.8894 11.0785 17 11.2438 17.0754 11.4259C17.1509 11.6079 17.1898 11.803 17.1898 12C17.1898 12.197 17.1509 12.3921 17.0754 12.5741C17 12.7562 16.8894 12.9215 16.75 13.0607L6.03033 23.7803C5.73744 24.0732 5.26256 24.0732 4.96967 23.7803C4.67678 23.4874 4.67678 23.0126 4.96967 22.7197L15.6893 12L4.96967 1.28033C4.67678 0.987437 4.67678 0.512563 4.96967 0.21967Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1017">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowLineUpIcon.tsx

@@ -0,0 +1,38 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowLineUpIcon({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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/Icons/Arrows/ArrowPointerDown.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerDown({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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/Icons/Arrows/ArrowPointerDownLeft.tsx

@@ -0,0 +1,37 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerDownLeft({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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/Icons/Arrows/ArrowPointerDownRight.tsx

@@ -0,0 +1,37 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerDownRight({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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/Icons/Arrows/ArrowPointerLeft.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerLeft({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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/Icons/Arrows/ArrowPointerRight.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerRight({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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>
+  );
+}

package/src/Icons/Arrows/ArrowPointerUp.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerUp({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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_1067)">
+          <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="M11.4697 0.21967C11.7626 -0.0732233 12.2374 -0.0732233 12.5303 0.21967L23.0303 10.7197C23.3232 11.0126 23.3232 11.4874 23.0303 11.7803C22.7374 12.0732 22.2626 12.0732 21.9697 11.7803L12 1.81066L2.03033 11.7803C1.73744 12.0732 1.26256 12.0732 0.96967 11.7803C0.676777 11.4874 0.676777 11.0126 0.96967 10.7197L11.4697 0.21967Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_112_1067">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Arrows/ArrowPointerUpLeft.tsx

@@ -0,0 +1,37 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerUpLeft({
+  stroke,
+  strokeWidth,
+  fill,
+  ...rest
+}: SvgIconProps) {
+  return (
+    <SvgIcon
+      strokeWidth={strokeWidth ?? 0.1}
+      stroke={stroke ? stroke : 'currentColor'}
+      {...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.4403 20.1903C20.1474 20.4832 19.6726 20.4832 19.3797 20.1903L3.46967 4.28033C3.17678 3.98744 3.17678 3.51257 3.46967 3.21967C3.76257 2.92678 4.23744 2.92678 4.53034 3.21967L20.4403 19.1297C20.7332 19.4226 20.7332 19.8974 20.4403 20.1903Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M4 19.5C3.58579 19.5 3.25 19.1642 3.25 18.75L3.25001 3.75C3.25001 3.33579 3.58579 3 4.00001 3L19 3C19.4142 3 19.75 3.33579 19.75 3.75C19.75 4.16422 19.4142 4.5 19 4.5L4.75001 4.5L4.75 18.75C4.75 19.1642 4.41422 19.5 4 19.5Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}