odaptos_design_system 1.0.0 → 1.2.0

package/src/Icons/Arrows/ArrowPointerUpRight.tsx

@@ -0,0 +1,37 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function ArrowPointerUpRight({
+  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.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.21967C20.9832 3.51256 20.9832 3.98744 20.6903 4.28033L4.78033 20.1903C4.48744 20.4832 4.01257 20.4832 3.71967 20.1903Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M20.16 19.5C19.7458 19.5 19.41 19.1642 19.41 18.75L19.41 4.5L5.16001 4.5C4.74579 4.5 4.41001 4.16421 4.41001 3.75C4.41001 3.33579 4.74579 3 5.16001 3L20.16 3C20.5742 3 20.91 3.33579 20.91 3.75L20.91 18.75C20.91 19.1642 20.5742 19.5 20.16 19.5Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/AddCircledIcon.tsx

@@ -0,0 +1,43 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function AddCircledIcon({
+  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="M12 6.75C12.4142 6.75 12.75 7.08579 12.75 7.5V16.5C12.75 16.9142 12.4142 17.25 12 17.25C11.5858 17.25 11.25 16.9142 11.25 16.5V7.5C11.25 7.08579 11.5858 6.75 12 6.75Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/AlertCircledIcon.tsx

@@ -0,0 +1,56 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function AlertCircledIcon({
+  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_122_222)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 17.25C12.2071 17.25 12.375 17.0821 12.375 16.875C12.375 16.6679 12.2071 16.5 12 16.5V15.75C11.3787 15.75 10.875 16.2537 10.875 16.875C10.875 17.4963 11.3787 18 12 18V17.25Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 15.75C12.6213 15.75 13.125 16.2537 13.125 16.875C13.125 17.4963 12.6213 18 12 18V17.25C11.7929 17.25 11.625 17.0821 11.625 16.875C11.625 16.6679 11.7929 16.5 12 16.5V15.75Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 4.5C12.4142 4.5 12.75 4.83579 12.75 5.25V13.5C12.75 13.9142 12.4142 14.25 12 14.25C11.5858 14.25 11.25 13.9142 11.25 13.5V5.25C11.25 4.83579 11.5858 4.5 12 4.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 5.37259 5.37259 0 12 0C18.6274 0 24 5.37259 24 12C24 18.6274 18.6274 24 12 24C5.37259 24 0 18.6274 0 12ZM12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_222">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/CheckedCircled.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function CheckedCircled({
+  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_122_223)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M23.7301 0.172801C24.0483 0.437955 24.0913 0.910876 23.8262 1.2291L13.0342 14.1811C12.8114 14.4484 12.5303 14.6611 12.2125 14.8028C11.8947 14.9445 11.5487 15.0114 11.201 14.9984C10.8532 14.9855 10.5131 14.893 10.2068 14.728C9.90043 14.5631 9.63597 14.3301 9.43373 14.047L6.13973 9.43596C5.89895 9.09892 5.97699 8.6305 6.31403 8.38972C6.65108 8.14895 7.1195 8.22699 7.36027 8.56403L10.6543 13.175C10.7232 13.2716 10.8134 13.351 10.9179 13.4073C11.0223 13.4635 11.1383 13.4951 11.2568 13.4995C11.3754 13.5039 11.4934 13.4811 11.6017 13.4328C11.7101 13.3845 11.8059 13.312 11.8818 13.2209L22.6738 0.268893C22.939 -0.0493306 23.4119 -0.0923524 23.7301 0.172801Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.49844 1.64413C12.1603 1.22055 14.8857 1.76786 17.1777 3.18624C17.5299 3.40422 17.6387 3.86645 17.4208 4.21867C17.2028 4.5709 16.7405 4.67972 16.3883 4.46175C14.4023 3.2327 12.0407 2.75845 9.73417 3.12549C7.42764 3.49253 5.32988 4.6764 3.82346 6.4612C2.31705 8.246 1.50235 10.5128 1.52795 12.8482C1.55355 15.1836 2.41774 17.432 3.96292 19.1834C5.50809 20.9347 7.6313 22.0723 9.94532 22.3887C12.2593 22.7051 14.61 22.1792 16.5686 20.9069C18.5272 19.6347 19.9632 17.7008 20.6148 15.4579C21.2664 13.2151 21.0901 10.8128 20.118 8.68913C19.9457 8.3125 20.1112 7.86742 20.4879 7.69504C20.8645 7.52265 21.3096 7.68822 21.482 8.06486C22.6037 10.5157 22.8072 13.2881 22.0552 15.8764C21.3033 18.4647 19.646 20.6966 17.3857 22.1648C15.1254 23.6331 12.4126 24.24 9.74212 23.8749C7.07162 23.5098 4.62133 22.1969 2.83812 20.1758C1.05491 18.1546 0.057586 15.5598 0.0280432 12.8647C-0.00149954 10.1695 0.938703 7.55347 2.67718 5.49371C4.41566 3.43396 6.83658 2.06771 9.49844 1.64413Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_223">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/InfoCircledIcon.tsx

@@ -0,0 +1,56 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function InfoCircledIcon({
+  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_2527_33176)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.75 10.5C9.75 10.0858 10.0858 9.75 10.5 9.75H11.25C11.6478 9.75 12.0294 9.90804 12.3107 10.1893C12.592 10.4706 12.75 10.8522 12.75 11.25V15C12.75 15.1989 12.829 15.3897 12.9697 15.5303C13.1103 15.671 13.3011 15.75 13.5 15.75H14.25C14.6642 15.75 15 16.0858 15 16.5C15 16.9142 14.6642 17.25 14.25 17.25H13.5C12.9033 17.25 12.331 17.0129 11.909 16.591C11.4871 16.169 11.25 15.5967 11.25 15V11.25H10.5C10.0858 11.25 9.75 10.9142 9.75 10.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.625 7.5C11.7245 7.5 11.8198 7.46049 11.8902 7.39017C11.9605 7.31984 12 7.22446 12 7.125C12 7.02554 11.9605 6.93016 11.8902 6.85983C11.8198 6.78951 11.7245 6.75 11.625 6.75V6C11.3266 6 11.0405 6.11853 10.8295 6.32951C10.6185 6.54048 10.5 6.82663 10.5 7.125C10.5 7.42337 10.6185 7.70952 10.8295 7.92049C11.0405 8.13147 11.3266 8.25 11.625 8.25V7.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.625 6C11.9234 6 12.2095 6.11853 12.4205 6.32951C12.6315 6.54048 12.75 6.82663 12.75 7.125C12.75 7.42337 12.6315 7.70952 12.4205 7.92049C12.2095 8.13147 11.9234 8.25 11.625 8.25V7.5C11.5255 7.5 11.4302 7.46049 11.3598 7.39017C11.2895 7.31984 11.25 7.22446 11.25 7.125C11.25 7.02554 11.2895 6.93016 11.3598 6.85983C11.4302 6.78951 11.5255 6.75 11.625 6.75V6Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 12C0 5.37279 5.37279 0 12 0C18.6272 0 24 5.37279 24 12C24 18.6272 18.6272 24 12 24C5.37279 24 0 18.6272 0 12ZM12 1.5C6.20121 1.5 1.5 6.20121 1.5 12C1.5 17.7988 6.20121 22.5 12 22.5C17.7988 22.5 22.5 17.7988 22.5 12C22.5 6.20121 17.7988 1.5 12 1.5Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_2527_33176">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/MinusCircledIcon.tsx

@@ -0,0 +1,44 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function MinusCircledIcon({
+  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_131_53)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.75 12C6.75 11.5858 7.08579 11.25 7.5 11.25H16.5C16.9142 11.25 17.25 11.5858 17.25 12C17.25 12.4142 16.9142 12.75 16.5 12.75H7.5C7.08579 12.75 6.75 12.4142 6.75 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_131_53">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/NavigationCircledIcon.tsx

@@ -0,0 +1,50 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function NavigationCircledIcon({
+  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_403_2867)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.751 11.997C6.751 11.5828 7.08679 11.247 7.501 11.247H16.501C16.9152 11.247 17.251 11.5828 17.251 11.997C17.251 12.4112 16.9152 12.747 16.501 12.747H7.501C7.08679 12.747 6.751 12.4112 6.751 11.997Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.2207 7.71667C12.5136 7.42378 12.9884 7.42378 13.2813 7.71667L17.0313 11.4667C17.3242 11.7596 17.3242 12.2344 17.0313 12.5273L13.2813 16.2773C12.9884 16.5702 12.5136 16.5702 12.2207 16.2773C11.9278 15.9844 11.9278 15.5096 12.2207 15.2167L15.4403 11.997L12.2207 8.77733C11.9278 8.48444 11.9278 8.00956 12.2207 7.71667Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12.001 2.247C6.61622 2.247 2.251 6.61223 2.251 11.997C2.251 17.3818 6.61622 21.747 12.001 21.747C17.3858 21.747 21.751 17.3818 21.751 11.997C21.751 6.61223 17.3858 2.247 12.001 2.247ZM0.751 11.997C0.751 5.7838 5.7878 0.747002 12.001 0.747002C18.2142 0.747002 23.251 5.7838 23.251 11.997C23.251 18.2102 18.2142 23.247 12.001 23.247C5.7878 23.247 0.751 18.2102 0.751 11.997Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_403_2867">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/QuestionCircledIcon.tsx

@@ -0,0 +1,49 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function QuestionCircledIcon({
+  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="M12.1552 6.75593C11.7437 6.72748 11.3323 6.81269 10.966 7.00226C10.5996 7.19182 10.2924 7.47844 10.078 7.83079C9.86354 8.18314 9.75008 8.58766 9.75 9.00014C9.74992 9.41436 9.41407 9.75008 8.99986 9.75C8.58564 9.74992 8.24992 9.41407 8.25 8.99986C8.25013 8.31239 8.43924 7.63819 8.79665 7.05094C9.15407 6.46369 9.66603 5.98599 10.2766 5.67005C10.8872 5.35411 11.5728 5.21209 12.2587 5.2595C12.9445 5.30692 13.6041 5.54196 14.1654 5.93892C14.7266 6.33588 15.168 6.87949 15.4412 7.51034C15.7144 8.14119 15.8089 8.83501 15.7144 9.51595C15.6199 10.1969 15.3401 10.8388 14.9055 11.3714C14.4708 11.904 13.8981 12.307 13.25 12.5361C13.1037 12.5878 12.9771 12.6836 12.8875 12.8104C12.798 12.9371 12.7499 13.0884 12.75 13.2436V14.25C12.75 14.6642 12.4142 15 12 15C11.5858 15 11.25 14.6642 11.25 14.25V13.2444C11.25 13.2443 11.25 13.2445 11.25 13.2444C11.2498 12.779 11.394 12.3247 11.6625 11.9447C11.9312 11.5645 12.3111 11.2771 12.75 11.1219C13.1389 10.9844 13.4825 10.7427 13.7433 10.4231C14.0041 10.1035 14.172 9.71836 14.2286 9.3098C14.2853 8.90123 14.2286 8.48495 14.0647 8.10644C13.9008 7.72792 13.636 7.40176 13.2992 7.16358C12.9624 6.9254 12.5667 6.78438 12.1552 6.75593Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 18C12.0995 18 12.1948 17.9605 12.2652 17.8902C12.3355 17.8198 12.375 17.7245 12.375 17.625C12.375 17.5255 12.3355 17.4302 12.2652 17.3598C12.1948 17.2895 12.0995 17.25 12 17.25V16.5C11.7016 16.5 11.4155 16.6185 11.2045 16.8295C10.9935 17.0405 10.875 17.3266 10.875 17.625C10.875 17.9234 10.9935 18.2095 11.2045 18.4205C11.4155 18.6315 11.7016 18.75 12 18.75V18Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 16.5C12.2984 16.5 12.5845 16.6185 12.7955 16.8295C13.0065 17.0405 13.125 17.3266 13.125 17.625C13.125 17.9234 13.0065 18.2095 12.7955 18.4205C12.5845 18.6315 12.2984 18.75 12 18.75V18C11.9005 18 11.8052 17.9605 11.7348 17.8902C11.6645 17.8198 11.625 17.7245 11.625 17.625C11.625 17.5255 11.6645 17.4302 11.7348 17.3598C11.8052 17.2895 11.9005 17.25 12 17.25V16.5Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 21.5C17.2465 21.5 21.5 17.2465 21.5 12C21.5 6.75349 17.2465 2.5 12 2.5C6.75349 2.5 2.5 6.75349 2.5 12C2.5 17.2465 6.75349 21.5 12 21.5ZM23 12C23 18.0749 18.0749 23 12 23C5.92507 23 1 18.0749 1 12C1 5.92507 5.92507 1 12 1C18.0749 1 23 5.92507 23 12Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/RemoveCircledIcon.tsx

@@ -0,0 +1,43 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function RemoveCircledIcon({
+  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="M15.7124 8.28771C16.0052 8.58063 16.0052 9.0555 15.7123 9.34837L9.34829 15.7114C9.05537 16.0042 8.5805 16.0042 8.28763 15.7113C7.99476 15.4184 7.99479 14.9435 8.28771 14.6506L14.6517 8.28763C14.9446 7.99476 15.4195 7.99479 15.7124 8.28771Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M8.28763 8.28771C8.5805 7.99479 9.05537 7.99476 9.34829 8.28763L15.7123 14.6506C16.0052 14.9435 16.0052 15.4184 15.7124 15.7113C15.4195 16.0042 14.9446 16.0042 14.6517 15.7114L8.28771 9.34837C7.99479 9.0555 7.99476 8.58063 8.28763 8.28771Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/SearchCircledIcon.tsx

@@ -0,0 +1,50 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function SearchCircledIcon({
+  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_122_214)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.125 7.5C9.12297 7.5 7.5 9.12297 7.5 11.125C7.5 13.127 9.12297 14.75 11.125 14.75C13.127 14.75 14.75 13.127 14.75 11.125C14.75 9.12297 13.127 7.5 11.125 7.5ZM6 11.125C6 8.29454 8.29454 6 11.125 6C13.9555 6 16.25 8.29454 16.25 11.125C16.25 13.9555 13.9555 16.25 11.125 16.25C8.29454 16.25 6 13.9555 6 11.125Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M13.6888 13.6876C13.9817 13.3947 14.4566 13.3948 14.7494 13.6878L17.7804 16.7198C18.0733 17.0127 18.0732 17.4876 17.7802 17.7804C17.4873 18.0733 17.0124 18.0732 16.7196 17.7802L13.6886 14.7482C13.3957 14.4553 13.3958 13.9804 13.6888 13.6876Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_122_214">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Circled/SettingsCircledIcon.tsx

@@ -0,0 +1,43 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function SettingsCircledIcon({
+  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="M12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5ZM0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M9.46496 5.78381C9.3767 5.82124 9.30197 5.88477 9.25082 5.96592C9.19909 6.048 9.17403 6.14408 9.17908 6.24098C9.17975 6.25397 9.18009 6.26699 9.18009 6.28V7.13456C9.19014 7.40806 9.1425 7.6807 9.04019 7.93471C8.93543 8.1948 8.7758 8.42924 8.57221 8.62204C8.36862 8.81483 8.12584 8.96146 7.86043 9.05191C7.60847 9.13778 7.34174 9.1711 7.07669 9.15H6.24009C6.22708 9.15 6.21406 9.14966 6.20107 9.14898C6.10418 9.14394 6.0081 9.169 5.92601 9.22073C5.84486 9.27188 5.78133 9.34661 5.7439 9.43488C5.70814 9.52486 5.70042 9.62359 5.72181 9.71808C5.74336 9.81334 5.79346 9.89975 5.86541 9.96578L6.51291 10.5535C6.71675 10.7371 6.87979 10.9614 6.99148 11.2119C7.10346 11.4631 7.16133 11.735 7.16133 12.01C7.16133 12.285 7.10346 12.5569 6.99148 12.8081C6.87981 13.0586 6.71681 13.2828 6.51304 13.4664L6.51139 13.4679L5.86612 14.0536L5.86537 14.0543C5.79344 14.1203 5.74336 14.2067 5.72181 14.3019C5.70042 14.3964 5.70814 14.4951 5.74391 14.5851C5.78133 14.6734 5.84487 14.7481 5.92601 14.7993C6.00809 14.851 6.10417 14.8761 6.20107 14.871C6.21406 14.8703 6.22708 14.87 6.24009 14.87H7.0873C7.35578 14.8554 7.62449 14.8965 7.8765 14.9909C8.13759 15.0886 8.37469 15.2412 8.57181 15.4383C8.76894 15.6354 8.9215 15.8725 9.01923 16.1336C9.11355 16.3856 9.15466 16.6543 9.14009 16.9228V17.77C9.14009 17.783 9.13975 17.796 9.13908 17.809C9.13403 17.9059 9.15909 18.002 9.21082 18.0841C9.26197 18.1652 9.3367 18.2288 9.42497 18.2662C9.51496 18.3019 9.61368 18.3097 9.70817 18.2883C9.80341 18.2667 9.8898 18.2167 9.95583 18.1447L9.95652 18.144L10.5422 17.4987L10.5437 17.497C10.7273 17.2933 10.9515 17.1303 11.202 17.0186C11.4532 16.9066 11.7251 16.8488 12.0001 16.8488C12.2751 16.8488 12.547 16.9066 12.7982 17.0186C13.0466 17.1294 13.2693 17.2906 13.452 17.4921L14.0537 18.1339C14.1198 18.2063 14.2064 18.2567 14.302 18.2783C14.3965 18.2997 14.4952 18.292 14.5852 18.2562C14.6735 18.2188 14.7482 18.1552 14.7994 18.0741C14.8511 17.992 14.8762 17.8959 14.8711 17.799C14.8704 17.786 14.8701 17.773 14.8701 17.76V16.9128C14.8555 16.6443 14.8966 16.3756 14.991 16.1236C15.0887 15.8625 15.2412 15.6254 15.4384 15.4283C15.6355 15.2312 15.8726 15.0786 16.1337 14.9809C16.3857 14.8865 16.6544 14.8454 16.9229 14.86H17.7701C17.7831 14.86 17.7961 14.8603 17.8091 14.861C17.906 14.8661 18.0021 14.841 18.0842 14.7893C18.1653 14.7381 18.2289 14.6634 18.2663 14.5751C18.302 14.4851 18.3098 14.3864 18.2884 14.2919C18.2668 14.1967 18.2168 14.1103 18.1449 14.0443L18.1441 14.0436L17.4988 13.4579L17.497 13.4562C17.2933 13.2727 17.1303 13.0485 17.0187 12.7981C16.9067 12.5469 16.8489 12.275 16.8489 12C16.8489 11.725 16.9067 11.4531 17.0187 11.2019C17.1307 10.9508 17.2942 10.726 17.4988 10.5421L17.5113 10.5312L18.1405 9.99041C18.2094 9.92509 18.2574 9.84078 18.2784 9.74808C18.2998 9.65359 18.292 9.55486 18.2563 9.46488C18.2189 9.37662 18.1553 9.30188 18.0742 9.25073C17.9921 9.199 17.896 9.17394 17.7991 9.17898C17.7861 9.17966 17.7731 9.18 17.7601 9.18H16.9129C16.6444 9.19457 16.3757 9.15346 16.1237 9.05913C15.8626 8.96141 15.6255 8.80885 15.4284 8.61172C15.2312 8.4146 15.0787 8.1775 14.981 7.91641C14.8866 7.6644 14.8455 7.39569 14.8601 7.1272V6.28C14.8601 6.26699 14.8604 6.25397 14.8611 6.24098C14.8662 6.14408 14.8411 6.048 14.7894 5.96592C14.7382 5.88477 14.6635 5.82124 14.5752 5.78382C14.4852 5.74805 14.3865 5.74033 14.292 5.76171C14.1968 5.78327 14.1104 5.83335 14.0443 5.90528L14.0437 5.90602L13.4579 6.5513L13.4565 6.55295C13.2729 6.75672 13.0487 6.91972 12.7982 7.03139C12.547 7.14337 12.2751 7.20124 12.0001 7.20124C11.7251 7.20124 11.4532 7.14337 11.202 7.03139C10.9508 6.91942 10.726 6.75584 10.5422 6.5513C10.5373 6.54576 10.5324 6.54014 10.5276 6.53446L9.98897 5.89796C9.92388 5.82995 9.84015 5.78253 9.74817 5.76171C9.65368 5.74033 9.55495 5.74805 9.46496 5.78381ZM8.8983 4.39495C9.27288 4.24308 9.68498 4.20949 10.0792 4.2987C10.4735 4.38791 10.8309 4.59564 11.1037 4.89398C11.1101 4.90104 11.1164 4.90823 11.1226 4.91554L11.6637 5.55499C11.7057 5.60006 11.7564 5.63625 11.8128 5.66137C11.8717 5.68765 11.9356 5.70124 12.0001 5.70124C12.0646 5.70124 12.1285 5.68765 12.1874 5.66137C12.2463 5.63509 12.2991 5.5967 12.3422 5.5487L12.3447 5.54591L12.9347 4.89592L12.9365 4.89398C13.2092 4.59564 13.5667 4.38791 13.961 4.2987C14.3552 4.20949 14.7673 4.24308 15.1419 4.39495L15.148 4.39744C15.5235 4.55356 15.8415 4.82209 16.0584 5.16614C16.2713 5.50402 16.3764 5.89849 16.3601 6.2972V7.15C16.3601 7.16728 16.3595 7.18455 16.3583 7.20179C16.3539 7.26597 16.3632 7.33035 16.3858 7.39061C16.4083 7.45086 16.4435 7.50557 16.489 7.55106C16.5345 7.59655 16.5892 7.63176 16.6495 7.65431C16.7097 7.67686 16.7741 7.68623 16.8383 7.68179C16.8555 7.6806 16.8728 7.68 16.8901 7.68H17.7429C18.1416 7.66366 18.5361 7.76879 18.874 7.98174C19.218 8.19857 19.4865 8.51657 19.6426 8.89208L19.6452 8.89819C19.797 9.27278 19.8306 9.68489 19.7414 10.0791C19.6522 10.4734 19.4445 10.8309 19.1461 11.1036C19.1405 11.1087 19.1347 11.1138 19.1289 11.1188L18.4967 11.6621C18.4509 11.7045 18.4141 11.7557 18.3887 11.8127C18.3624 11.8716 18.3489 11.9355 18.3489 12C18.3489 12.0645 18.3624 12.1284 18.3887 12.1873C18.415 12.2463 18.4534 12.299 18.5014 12.3421L18.5042 12.3447L19.1561 12.9364C19.4545 13.2091 19.6622 13.5666 19.7514 13.9609C19.8406 14.3551 19.807 14.7672 19.6551 15.1418L19.6527 15.1479C19.4965 15.5234 19.228 15.8414 18.884 16.0583C18.5461 16.2712 18.1516 16.3763 17.7529 16.36H16.9001C16.8828 16.36 16.8655 16.3594 16.8483 16.3582C16.7841 16.3538 16.7197 16.3631 16.6595 16.3857C16.5992 16.4082 16.5445 16.4434 16.499 16.4889C16.4535 16.5344 16.4183 16.5891 16.3958 16.6494C16.3732 16.7096 16.3639 16.774 16.3683 16.8382C16.3695 16.8554 16.3701 16.8727 16.3701 16.89V17.7428C16.3864 18.1415 16.2813 18.536 16.0684 18.8739C15.8515 19.2179 15.5335 19.4864 15.158 19.6425L15.1519 19.6451C14.7773 19.7969 14.3652 19.8305 13.971 19.7413C13.5784 19.6525 13.2224 19.4462 12.9501 19.1499L12.3529 18.513L12.3422 18.5013C12.2991 18.4533 12.2463 18.4149 12.1874 18.3886C12.1284 18.3623 12.0646 18.3488 12.0001 18.3488C11.9356 18.3488 11.8717 18.3623 11.8128 18.3886C11.7538 18.4149 11.7011 18.4533 11.6579 18.5013L11.6554 18.5041L11.0654 19.1541L11.0637 19.156C10.7909 19.4544 10.4335 19.6621 10.0392 19.7513C9.64498 19.8405 9.23288 19.8069 8.8583 19.655L8.85216 19.6526C8.47665 19.4964 8.15866 19.2279 7.94183 18.8839C7.72888 18.546 7.62375 18.1515 7.64009 17.7528V16.9C7.64009 16.8827 7.64069 16.8654 7.64188 16.8482C7.64633 16.784 7.63695 16.7196 7.6144 16.6594C7.59185 16.5991 7.55664 16.5444 7.51115 16.4989C7.46566 16.4534 7.41095 16.4182 7.3507 16.3957C7.29045 16.3731 7.22606 16.3638 7.16188 16.3682C7.14464 16.3694 7.12737 16.37 7.11009 16.37H6.25729C5.85858 16.3863 5.46411 16.2812 5.12623 16.0683C4.78218 15.8514 4.51368 15.5334 4.35756 15.1579L4.35502 15.1518C4.20315 14.7772 4.16959 14.3651 4.25879 13.9709C4.348 13.5766 4.55573 13.2191 4.85407 12.9464L4.85601 12.9447L5.50879 12.3521C5.55679 12.309 5.59519 12.2563 5.62147 12.1973C5.64775 12.1384 5.66133 12.0745 5.66133 12.01C5.66133 11.9455 5.64775 11.8816 5.62147 11.8227C5.59519 11.7637 5.5568 11.711 5.50879 11.6679L5.50601 11.6653L4.85601 11.0753L4.85407 11.0736C4.55573 10.8009 4.348 10.4434 4.25879 10.0491C4.16959 9.65489 4.20317 9.24279 4.35504 8.8682L4.35753 8.86207C4.51365 8.48656 4.78218 8.16857 5.12623 7.95174C5.46411 7.73879 5.85858 7.63366 6.25729 7.65H7.11009C7.13541 7.65 7.16072 7.65128 7.18591 7.65384C7.25029 7.66038 7.31532 7.65297 7.37656 7.63209C7.43781 7.61122 7.49384 7.57738 7.54082 7.53289C7.58781 7.4884 7.62464 7.4343 7.64882 7.37428C7.67299 7.31426 7.68394 7.24973 7.68091 7.18509C7.68037 7.1734 7.68009 7.1617 7.68009 7.15V6.2972C7.66375 5.89849 7.76888 5.50402 7.98183 5.16614C8.19866 4.82209 8.51666 4.55359 8.89217 4.39747L8.8983 4.39495Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M12 10.5C11.1716 10.5 10.5 11.1716 10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5 12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5ZM9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Equipment/CameraIcon.tsx

@@ -0,0 +1,37 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function CameraIcon({
+  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="M12 10C10.3431 10 9 11.3431 9 13C9 14.6569 10.3431 16 12 16C13.6569 16 15 14.6569 15 13C15 11.3431 13.6569 10 12 10ZM7.5 13C7.5 10.5147 9.51472 8.5 12 8.5C14.4853 8.5 16.5 10.5147 16.5 13C16.5 15.4853 14.4853 17.5 12 17.5C9.51472 17.5 7.5 15.4853 7.5 13Z"
+          fill={fill}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.38277 3.80996C7.97511 3.44392 8.65766 3.25002 9.35397 3.25H14.646C15.3423 3.25002 16.0249 3.44392 16.6172 3.80996C17.2096 4.176 17.6883 4.69974 17.9998 5.3225L18.4635 6.25H20.25C21.2446 6.25 22.1984 6.64509 22.9017 7.34835C23.6049 8.05161 24 9.00544 24 10V17.5C24 18.4946 23.6049 19.4484 22.9017 20.1516C22.1984 20.8549 21.2446 21.25 20.25 21.25H3.75C2.75544 21.25 1.80161 20.8549 1.09835 20.1516C0.395088 19.4484 0 18.4946 0 17.5V10C0 9.00544 0.395088 8.05161 1.09835 7.34835C1.80161 6.64509 2.75544 6.25 3.75 6.25H5.53647L6.00018 5.32259C6.31166 4.69983 6.79043 4.176 7.38277 3.80996ZM9.354 4.75C8.93622 4.75002 8.5267 4.86635 8.1713 5.08598C7.81593 5.30559 7.52871 5.61979 7.34182 5.99341C7.34181 5.99344 7.34184 5.99338 7.34182 5.99341L6.67082 7.33541C6.54378 7.5895 6.28408 7.75 6 7.75H3.75C3.15326 7.75 2.58097 7.98705 2.15901 8.40901C1.73705 8.83097 1.5 9.40326 1.5 10V17.5C1.5 18.0967 1.73705 18.669 2.15901 19.091C2.58097 19.5129 3.15326 19.75 3.75 19.75H20.25C20.8467 19.75 21.419 19.5129 21.841 19.091C22.2629 18.669 22.5 18.0967 22.5 17.5V10C22.5 9.40326 22.2629 8.83097 21.841 8.40901C21.419 7.98705 20.8467 7.75 20.25 7.75H18C17.7159 7.75 17.4562 7.5895 17.3292 7.33541L16.6582 5.9935C16.6582 5.99347 16.6582 5.99353 16.6582 5.9935C16.4713 5.61988 16.1841 5.30559 15.8287 5.08598C15.4733 4.86635 15.0638 4.75002 14.646 4.75M9.354 4.75C9.35399 4.75 9.35401 4.75 9.354 4.75V4.75ZM14.646 4.75H9.354H14.646Z"
+          fill={fill}
+        />
+      </svg>
+    </SvgIcon>
+  );
+}

package/src/Icons/Equipment/LaptopIcon.tsx

@@ -0,0 +1,66 @@
+import { SvgIcon, SvgIconProps } from '@mui/material';
+
+export default function LaptopIcon({
+  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_1002_7638)">
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.90901 2.90901C3.33097 2.48705 3.90326 2.25 4.5 2.25H19.5C20.0967 2.25 20.669 2.48705 21.091 2.90901C21.5129 3.33097 21.75 3.90326 21.75 4.5V14.25C21.75 14.6642 21.4142 15 21 15H3C2.58579 15 2.25 14.6642 2.25 14.25V4.5C2.25 3.90326 2.48705 3.33097 2.90901 2.90901ZM4.5 3.75C4.30109 3.75 4.11032 3.82902 3.96967 3.96967C3.82902 4.11032 3.75 4.30109 3.75 4.5V13.5H20.25V4.5C20.25 4.30109 20.171 4.11032 20.0303 3.96967C19.8897 3.82902 19.6989 3.75 19.5 3.75H4.5Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M9.75 18C9.75 17.5858 10.0858 17.25 10.5 17.25H13.5C13.9142 17.25 14.25 17.5858 14.25 18C14.25 18.4142 13.9142 18.75 13.5 18.75H10.5C10.0858 18.75 9.75 18.4142 9.75 18Z"
+            fill={fill}
+          />
+          <path
+            d="M0.00704934 19.178C0.0366992 19.5517 0.159249 19.912 0.363564 20.2263L0.00704934 19.178Z"
+            fill={fill}
+          />
+          <path
+            d="M0.363564 20.2263C0.567879 20.5406 0.847485 20.7989 1.17698 20.9777L0.363564 20.2263Z"
+            fill={fill}
+          />
+          <path
+            d="M1.17698 20.9777C1.50645 21.1564 1.87535 21.25 2.25019 21.25L1.71359 21.1138L1.17698 20.9777Z"
+            fill={fill}
+          />
+          <path
+            d="M0.193786 18.0865C0.041589 18.4291 -0.0226004 18.8043 0.00704934 19.178L0.193786 18.0865Z"
+            fill={fill}
+          />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M3.00019 13C2.70664 13 2.44007 13.1713 2.31805 13.4383L0.197052 18.0793L0.193786 18.0865L0.00704934 19.178L0.363564 20.2263L1.17698 20.9777L1.71359 21.1138L2.25019 21.25H21.7502C21.7502 21.25 22.4939 21.1564 22.8234 20.9777C23.1529 20.7989 23.4325 20.5406 23.6368 20.2263C23.8411 19.912 23.9637 19.5517 23.9933 19.178C24.023 18.8043 23.9588 18.4291 23.8066 18.0865L21.6823 13.4383C21.5603 13.1713 21.2937 13 21.0002 13H3.00019ZM3.48204 14.5L1.56327 18.6985C1.51349 18.8119 1.49255 18.9358 1.50235 19.0593C1.51223 19.1839 1.55308 19.304 1.62119 19.4088C1.68929 19.5135 1.7825 19.5996 1.89233 19.6592C2.00216 19.7188 2.12514 19.75 2.2501 19.75H21.7502C21.8751 19.75 21.9982 19.7188 22.1081 19.6592C22.2179 19.5996 22.3111 19.5135 22.3792 19.4088C22.4473 19.304 22.4881 19.1839 22.498 19.0593C22.5078 18.9358 22.4869 18.8118 22.4371 18.6984L20.5183 14.5H3.48204Z"
+            fill={fill}
+          />
+        </g>
+        <defs>
+          <clipPath id="clip0_1002_7638">
+            <rect width="24" height="24" fill="white" />
+          </clipPath>
+        </defs>
+      </svg>
+    </SvgIcon>
+  );
+}