@bitrise/bitkit 9.17.0 → 9.18.0

package/src/Components/Icons/24x24/Go.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Go = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M12.5 14.75a.996.996 0 0 1-.5-.134 1 1 0 0 1-1.5-.866v-.384A1 1 0 0 1 11 11.5h2a1 1 0 0 1 .5 1.866v.384a1 1 0 0 1-1 1Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm-3 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.5 11a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 10.5V7.455c0-.54.106-1.123.344-1.7a1.016 1.016 0 0 1-.047-.044l-1-1a1 1 0 1 1 1.414-1.414l.782.782C6.717 2.891 8.78 1.997 12 1.997c.05 0 .098.001.146.004 3.135.026 5.155.91 6.36 2.079l.787-.787a1 1 0 1 1 1.414 1.414l-1 1a.991.991 0 0 1-.052.048c.239.577.345 1.16.345 1.7V10.5h1a1 1 0 0 1 0 2h-.979c.062.716.25 1.258.446 1.819.26.748.533 1.53.533 2.803 0 .778-.38 1.58-1.099 2.304l.763.763a1 1 0 0 1-1.414 1.415l-.987-.988c-1.484.796-3.53 1.339-6.034 1.381a3.86 3.86 0 0 1-.14.003h-.177c-.048 0-.095 0-.141-.003-2.407-.04-4.39-.544-5.858-1.289l-.852.853a1 1 0 0 1-1.415-1.415l.589-.588C3.429 18.801 3 17.948 3 17.122c0-1.273.272-2.055.533-2.803.195-.561.384-1.103.446-1.819H3a1 1 0 1 1 0-2h1Zm8.01 9.5h.079l.106-.002c2.255-.039 4.144-.534 5.434-1.323C18.572 18.1 19 17.494 19 17.122c0-.764-.095-1.205-.39-2.052l-.092-.267C18.159 13.763 18 13.027 18 12V7.455c0-1.841-1.81-3.42-5.962-3.457A.69.69 0 0 0 12 3.997c-4.15 0-6 1.592-6 3.458V12c0 1.027-.16 1.763-.518 2.803l-.093.267C5.095 15.917 5 16.358 5 17.122c0 .371.428.977 1.371 1.553 1.29.79 3.179 1.284 5.476 1.324l.065.001h.097Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Go;

package/src/Components/Icons/24x24/Group.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Group = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.1 7.97c-.2.299-.4.697-.5.995A3.009 3.009 0 0 0 2 11.95c0 1.493 1.1 2.786 2.6 2.985.2.398.4.896.6 1.393.7.995 1.6 1.89 2.6 2.488l1.2.597C9.2 20.905 10.5 22 12 22s2.8-1.095 3-2.587c.2-.1.375-.2.55-.299.175-.1.35-.199.55-.298 1-.597 1.9-1.493 2.6-2.488.3-.398.5-.895.7-1.393A3.009 3.009 0 0 0 22 11.95c0-1.492-1.1-2.786-2.6-2.985a14.648 14.648 0 0 1-.147-.304c-.156-.33-.326-.688-.553-.99a6.877 6.877 0 0 0-2.4-2.387c-.4-.299-.8-.498-1.3-.697C14.8 3.095 13.5 2 12 2S9.2 3.095 9 4.587c-.133.066-.278.133-.422.2-.29.132-.578.264-.778.397-1.1.697-2.1 1.692-2.7 2.786ZM12 5.98c.6 0 1-.398 1-.995s-.4-.995-1-.995-1 .398-1 .995.4.995 1 .995ZM6.6 9.363C7.4 9.96 8 10.856 8 11.95c0 1.095-.6 1.99-1.4 2.587.1.2.2.398.4.597.5.796 1.2 1.393 1.9 1.89l.6.3c.5-.797 1.4-1.394 2.5-1.394s2 .597 2.6 1.393c.2-.1.4-.199.5-.298.8-.498 1.4-1.095 1.9-1.89.05-.1.125-.224.2-.349.075-.124.15-.249.2-.348-.8-.498-1.4-1.393-1.4-2.488 0-1.094.6-1.99 1.4-2.587-.1-.199-.2-.398-.4-.597-.5-.696-1.1-1.393-1.8-1.79-.074-.038-.149-.089-.228-.143-.135-.092-.284-.193-.472-.256-.5.796-1.4 1.393-2.5 1.393s-2-.597-2.6-1.393l-.6.299c-.8.597-1.5 1.293-2 2.09a2.321 2.321 0 0 1-.109.19c-.053.084-.091.146-.091.207ZM20 11.95c0 .597-.4.995-1 .995s-1-.398-1-.995.4-.995 1-.995 1 .398 1 .995Zm-8 7.96c.6 0 1-.398 1-.995s-.4-.995-1-.995-1 .398-1 .995.4.995 1 .995Zm-6-7.96c0 .597-.4.995-1 .995s-1-.398-1-.995.4-.995 1-.995 1 .398 1 .995Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Group;

package/src/Components/Icons/24x24/Heart.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Heart = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.5 2.5c-1.7 0-3.4.8-4.5 2.1-1.1-1.3-2.8-2.1-4.5-2.1C4.4 2.5 2 4.9 2 8c0 3.8 3.4 6.9 8.6 11.5l1.4 1.4 1.4-1.4C18.6 14.9 22 11.8 22 8c0-3.1-2.4-5.5-5.5-5.5Zm-4.4 15.6H12l-.1-.1C7.1 13.7 4 10.9 4 8c0-2 1.5-3.5 3.5-3.5 1.5 0 3 1 3.6 2.4H13c.5-1.4 2-2.4 3.5-2.4C18.5 4.5 20 6 20 8c0 2.9-3.1 5.7-7.9 10.1Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Heart;

package/src/Components/Icons/24x24/HidePassword.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const HidePassword = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m19.293 20.707-16-16 1.414-1.414 2.374 2.373A6.979 6.979 0 0 1 10.07 5l3.862.001c1.868 0 3.626.727 4.947 2.05l3.535 3.535c.78.78.78 2.05 0 2.828-1.26 1.26-2.475 2.595-3.8 3.787l2.092 2.092-1.414 1.414Zm-2.095-4.923-2.491-2.491a3.001 3.001 0 0 0-4-4L8.624 7.21c.463-.139.949-.21 1.446-.21h3.86c1.336 0 2.59.52 3.535 1.464L21.002 12c-1.256 1.256-2.458 2.625-3.804 3.785Z"
+      fill="currentColor"
+    />
+    <path
+      d="m3.963 8.208-2.378 2.378a2.001 2.001 0 0 0 0 2.828L5.12 16.95A6.954 6.954 0 0 0 10.07 19h3.86c.262 0 .522-.016.78-.045L12.755 17h-2.684a4.971 4.971 0 0 1-3.536-1.464L2.999 12l2.378-2.378-1.414-1.414Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default HidePassword;

package/src/Components/Icons/24x24/History.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const History = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M2 12c0 5.163 3.965 9.444 9 9.95v-2.013C7.067 19.441 4 16.061 4 12c0-4.4 3.6-8 8-8s8 3.6 8 8c0 3.34-2.075 6.22-5 7.413V17h-2v6h6v-2h-2.654C19.685 19.375 22 15.945 22 12c0-5.5-4.5-10-10-10S2 6.5 2 12Z"
+      fill="currentColor"
+    />
+    <path d="m16.6 12.9-4.2 2L11 14V7h2v5.4l2.7-1.3.9 1.8Z" fill="currentColor" />
+  </Icon>
+));
+
+export default History;

package/src/Components/Icons/24x24/Image.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Image = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM6.2 18l5.2-5.2 5.2 5.2H6.2ZM20 18h-.5l-1.8-1.8L20 14v4Zm0-6.8-3.8 3.6-4.8-4.8L4 17.4V6h16v5.2Zm-4 .8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Image;

package/src/Components/Icons/24x24/Info.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Info = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8-8 3.6-8 8 3.6 8 8 8Zm0 2C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10Zm0-14a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-2.4 3.9L9 10l2.7-.9c.7-.2 1.4.4 1.3 1.1l-.8 5.3 1.5-.5.6 1.9-3 1c-.7.2-1.4-.4-1.3-1.1l.8-5.4-1.2.5Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Info;

package/src/Components/Icons/24x24/Interaction.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Interaction = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="m18.35 7.132 1.585-1.218A9.983 9.983 0 0 0 12 2C6.477 2 2 6.477 2 12h2a8 8 0 0 1 14.35-4.868ZM20.816 16.724l-1.762-.946A7.96 7.96 0 0 0 20 12c0-1.137-.237-2.24-.69-3.254l1.827-.815c.566 1.27.863 2.65.863 4.069 0 1.67-.41 3.283-1.184 4.724ZM2.28 14.358l1.944-.47c.157.65.395 1.276.708 1.864l-1.765.94a9.94 9.94 0 0 1-.887-2.334ZM4.923 19.065l1.415-1.413a8.01 8.01 0 0 0 2.744 1.8l-.73 1.862a10.009 10.009 0 0 1-3.43-2.25ZM10.975 19.935l-.253 1.984c.422.054.848.081 1.278.081a9.976 9.976 0 0 0 7.442-3.32l-1.488-1.337A7.976 7.976 0 0 1 12 20c-.345 0-.687-.022-1.025-.065ZM14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18 12a6 6 0 1 1-12 0 6 6 0 0 1 12 0ZM8 12a4 4 0 1 0 8 0 4 4 0 0 0-8 0Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Interaction;

package/src/Components/Icons/24x24/Invoice.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Invoice = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2l3-2 3 2 3-2 3 2c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2Zm0 17.6-3-2-3 2-3-2-3 2V4h12v15.6ZM16 6H8v2h8V6ZM8 9h6v2H8V9Zm8 3H8v2h8v-2Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Invoice;

package/src/Components/Icons/24x24/Ionic.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Ionic = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18.91 7.966a2.5 2.5 0 0 1-2.877-2.877 8 8 0 1 0 2.877 2.877Zm-1.785-4.554a2.5 2.5 0 0 1 3.463 3.463A9.954 9.954 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2c1.873 0 3.627.515 5.125 1.412ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Ionic;

package/src/Components/Icons/24x24/Japanese.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Japanese = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 2a1 1 0 0 0-1 1v19h2v-4h17a1 1 0 0 0 .92-1.394L19.087 10l2.831-6.606A1 1 0 0 0 21 2H3Zm16.483 14H4V4h15.483l-2.402 5.606a1 1 0 0 0 0 .788L19.483 16ZM11 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Japanese;

package/src/Components/Icons/24x24/Key.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Key = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M19.237 18.49a.315.315 0 0 1-.221.221l-2.877.77a.314.314 0 0 1-.3-.08l-2.107-2.107a.313.313 0 0 1-.08-.3l.798-2.98a.316.316 0 0 1 .22-.22l2.877-.772a.314.314 0 0 1 .301.081l2.106 2.107a.31.31 0 0 1 .08.3l-.797 2.98Zm-.006-6.77a2.267 2.267 0 0 0-2.19-.586l-2.875.77c-.017.005-.033.016-.05.022L4.689 2.5 3.306 3.882l1.4 1.399L2 7.986l1.382 1.382 1.845-1.846L6.564 8.86l-1.768 1.83 1.383 1.383 2.627-2.69 3.864 3.865c-.036.087-.084.168-.108.26l-.799 2.98c-.208.78.016 1.619.587 2.19l2.105 2.105a2.277 2.277 0 0 0 2.19.587l2.877-.77a2.274 2.274 0 0 0 1.603-1.602l.798-2.98a2.274 2.274 0 0 0-.587-2.191L19.23 11.72Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Key;

package/src/Components/Icons/24x24/Laptop.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Laptop = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18 5H6c-1.1 0-2 .9-2 2v8h16V7c0-1.1-.9-2-2-2ZM6 13h12V7H6v6Zm-4 3h20v2H2v-2Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Laptop;

package/src/Components/Icons/24x24/Lightbulb.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Lightbulb = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 6c-3.3 0-6 2.7-6 6 0 2 1 3.8 2.5 4.8l.2.6c.2.9 1 1.5 1.9 1.5h2.9c.9 0 1.7-.6 1.9-1.5l.2-.6C17 15.8 18 14 18 12c0-3.3-2.7-6-6-6Zm2.4 9.2c-.4.3-.6.7-.8 1.1l-.2.7h-2.8l-.2-.6c-.1-.5-.4-.9-.8-1.1-1-.8-1.6-2-1.6-3.3 0-2.2 1.8-4 4-4s4 1.8 4 4c0 1.3-.6 2.5-1.6 3.2ZM12 22c1.4 0 2.7-.8 3-2H9c.3 1.1 1.6 2 3 2ZM11 2h2v2h-2V2Zm6.662 1.697 1.532 1.285-1.286 1.532-1.532-1.285 1.286-1.532Zm4.012 5.582.348 1.97-1.97.347-.347-1.97 1.97-.347Zm-.514 6.855-1 1.732-1.732-1 1-1.732 1.732 1ZM3.84 17.866l-1-1.732 1.732-1 1 1.732-1.732 1Zm-1.862-6.618.348-1.97 1.97.348-.348 1.97-1.97-.348Zm2.828-6.266 1.532-1.285 1.286 1.532-1.532 1.285-1.286-1.532Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Lightbulb;

package/src/Components/Icons/24x24/Link.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Link = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      d="M7 13v2h-.5C4 15 2 13 2 10.5S4 6 6.5 6h5C14 6 16 8 16 10.5S14 15 11.5 15H11v-2h.5c1.4 0 2.5-1.1 2.5-2.5S12.9 8 11.5 8h-5C5.1 8 4 9.1 4 10.5S5.1 13 6.5 13H7Zm10-2V9h.5C20 9 22 11 22 13.5S20 18 17.5 18h-5C10 18 8 16 8 13.5S10 9 12.5 9v2c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5h5c1.4 0 2.5-1.1 2.5-2.5S18.9 11 17.5 11H17Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Link;

package/src/Components/Icons/24x24/Lock.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Lock = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6 8a6 6 0 1 1 12 0 2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2Zm0 11v-9h12v9H6Zm5-7v4h2v-4h-2Zm1-8a4 4 0 0 1 4 4H8a4 4 0 0 1 4-4Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Lock;

package/src/Components/Icons/24x24/Login.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Login = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.1 11 7.5 8.4 8.9 7l4.9 4.9-4.9 4.9-1.4-1.4L10 13H2v-2h8.1Zm9.9 9V4H6V2h14c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H6v-2h14Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Login;

package/src/Components/Icons/24x24/Logout.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Logout = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 4v16h14v2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h14v2H4Zm14.1 7-2.6-2.6L16.9 7l4.9 4.9-4.9 4.9-1.4-1.4L18 13h-8v-2h8.1Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Logout;

package/src/Components/Icons/24x24/Macos.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Macos = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m12.796 20-.23-2.016c-.188.01-.376.016-.566.016-3.8 0-7-2.133-7-5h2c0 1.551 2.173 3 5 3 .113 0 .226-.002.337-.007L12.108 14H8.792l1.904-10H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h7.796Zm2.014 0H19a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1h-6.268l-1.523 8h2.683l.419 3.65C15.928 15.128 17 14.09 17 13h2c0 2.195-1.874 3.959-4.458 4.666L14.81 20ZM5 2h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3Zm1 5h2v3H6V7Zm10 0h2v3h-2V7Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Macos;

package/src/Components/Icons/24x24/Magnifier.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Magnifier = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.958 16.927c3.283 0 5.969-2.686 5.969-5.969 0-3.283-2.686-5.968-5.969-5.968-3.283 0-5.968 2.685-5.968 5.968s2.685 5.969 5.968 5.969Zm6.267-1.095L22 20.608 20.607 22l-4.774-4.775c-1.294 1.094-3.084 1.691-4.875 1.691-4.377 0-7.958-3.58-7.958-7.958C3 6.581 6.581 3 10.958 3c4.377 0 7.958 3.581 7.958 7.958 0 1.79-.597 3.581-1.69 4.874Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Magnifier;

package/src/Components/Icons/24x24/Mail.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Mail = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm-3.6 9L15 14.4l3.6 3.6H5.3l3.6-3.6L7.5 13 4 16.5V8.1l6.1 5.1c1.1.9 2.7.9 3.8 0l6-5v8.4L16.4 13ZM4.6 6h15l-6.8 5.7c-.5.3-1 .3-1.4 0L4.6 6Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Mail;

package/src/Components/Icons/24x24/MenuGrid.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const MenuGrid = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 2h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1V3c0-.6.4-1 1-1Zm8 0h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1V3c0-.6.4-1 1-1Zm8 0h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1V3c0-.6.4-1 1-1ZM3 10h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1Zm8 0h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1Zm8 0h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1ZM3 18h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1Zm8 0h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1Zm8 0h2c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1h-2c-.6 0-1-.4-1-1v-2c0-.6.4-1 1-1Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default MenuGrid;

package/src/Components/Icons/24x24/MenuHamburger.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const MenuHamburger = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M2 6h20v2H2V6Zm0 5h20v2H2v-2Zm0 5h20v2H2v-2Z" fill="currentColor" />
+  </Icon>
+));
+
+export default MenuHamburger;

package/src/Components/Icons/24x24/Message.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Message = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 5v14.5l3.8-2.2c.3-.2.7-.3 1-.3H20V5H4Zm0-2h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H8.8L5 21.2c-1 .6-2.2.2-2.7-.7-.2-.3-.3-.7-.3-1V5c0-1.1.9-2 2-2Zm2 4h12v2H6V7Zm0 3h9v2H6v-2Zm0 3h12v2H6v-2Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Message;

package/src/Components/Icons/24x24/MinusClose.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const MinusClose = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path fill="currentColor" d="M6 11h12v2H6z" />
+  </Icon>
+));
+
+export default MinusClose;

package/src/Components/Icons/24x24/MinusRemove.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const MinusRemove = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2Zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8Zm5-9H7v2h10v-2Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default MinusRemove;

package/src/Components/Icons/24x24/Mobile.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Mobile = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 2h8c1.1 0 2 .9 2 2v16c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2Zm0 2v16h8V4H8Zm5 13h-2v2h2v-2Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Mobile;

package/src/Components/Icons/24x24/MoreHorizontal.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const MoreHorizontal = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm8 0c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default MoreHorizontal;

package/src/Components/Icons/24x24/MoreVertical.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const MoreVertical = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 4c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2Zm0 8c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2Zm0 8c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default MoreVertical;

package/src/Components/Icons/24x24/News.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const News = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path d="M10 5H5v5h5V5ZM16 14H5v2h11v-2ZM5 17h9v2H5v-2ZM5 11h11v2H5v-2Z" fill="currentColor" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 22h14a4.002 4.002 0 0 0 4-4V4h-3a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2ZM17 4H4v16h13V4Zm3 14a2 2 0 0 1-1 1.732V6h1v12Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default News;

package/src/Components/Icons/24x24/NoTie.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const NoTie = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="m20 15.633-5.061-3.036a2.944 2.944 0 0 0 0-1.195L20 8.365v7.268Zm-16 0V8.365l5.061 3.037a2.934 2.934 0 0 0 0 1.195L4 15.633Zm17.228-9.436a1.529 1.529 0 0 0-1.535.02l-5.795 3.477A2.972 2.972 0 0 0 12 8.999c-.725 0-1.38.268-1.898.696L4.306 6.217a1.527 1.527 0 0 0-1.534-.02A1.53 1.53 0 0 0 2 7.524v8.95a1.52 1.52 0 0 0 2.307 1.306l5.795-3.475a2.971 2.971 0 0 0 1.898.694c.725 0 1.38-.267 1.898-.695l5.796 3.477A1.52 1.52 0 0 0 22 16.475V7.524a1.53 1.53 0 0 0-.772-1.327Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default NoTie;

package/src/Components/Icons/24x24/Nodejs.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Nodejs = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.454 16.742c.382.187.758.245 1.057.143a.627.627 0 0 0 .435-.583c.002-1.07.001-6.672.004-7.785-.024-.302.271-.548.564-.52.51-.004.738-.004 1.01 0 .348-.007.593.283.553.54 0 .833 0 6.667-.002 7.856.001.904-.436 1.74-1.235 2.125-.96.452-2.179.403-3.215-.071-.163-.074-1.225-.593-1.56-.76-.642-.302-1.07-.926-1.065-1.574V7.89c-.007-.64.402-1.257 1.021-1.56l7.946-4.084a2.295 2.295 0 0 1 2.066 0c.882.453 6.685 3.436 7.974 4.1.606.31.999.917.993 1.541v8.224c.004.65-.423 1.271-1.055 1.572-1.118.573-7.028 3.61-7.944 4.08a2.234 2.234 0 0 1-2.09-.046L8.523 20.46c-.28-.152-.202-.379-.038-.519a1.15 1.15 0 0 1 .207-.133 6.5 6.5 0 0 1 .562-.253c.724-.293.987-.381 1.168-.275.28.145 1.318.71 1.587.849 0-.007 6.778-3.49 7.906-4.07 0-1.187 0-7.307.002-8.156-.002.018.009.033-.004.027L12.002 3.87c-.952.488-6.772 3.477-7.917 4.063l-.001 8.123c.275.142 1.076.535 1.37.687Zm7.7-8.712.013-.001c1.372-.095 2.368.032 3.241.545.799.465 1.24 1.155 1.25 2.25a.549.549 0 0 1-.566.464c-.078 0-.767 0-.883-.002-.317.013-.405-.795-.987-1.012-.581-.217-.627-.222-1.096-.236-.134-.004-.514 0-.524 0-.57.032-.862.095-1.108.279-.142.104-.18.286-.126.474.018.047.056.157.201.211l.124.043c.43.121.796.186 1.59.299l.024.003c1.096.156 1.584.253 2.183.479.667.247 1.185.708 1.38 1.347.27.914.118 1.938-.444 2.619-.422.52-1.029.85-1.775 1.038-.767.183-1.593.213-2.519.116-.97-.12-1.725-.397-2.3-.942-.56-.521-.859-1.164-.83-1.998.016-.325.294-.556.553-.53.349-.003.635-.003.881.001.316-.024.56.245.573.528.053.378.175.477.36.612.313.217.697.31 1.263.335.126.006.999-.005 1.112-.015.467-.04.776-.136 1-.33.137-.13.198-.378.154-.602-.024-.09-.137-.174-.367-.258-.456-.154-.847-.22-1.72-.32l-.014-.002c-1.026-.117-1.483-.2-2.044-.417-.643-.244-1.148-.688-1.36-1.298-.32-.929-.141-2.015.489-2.683.547-.592 1.316-.893 2.273-.997Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Nodejs;

package/src/Components/Icons/24x24/Numero.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Numero = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.6 13.3h2.7l-.4 2h-2.7l-.7 3.7h-2.3l.7-3.7H10L9.3 19H7l.7-3.7H5l.4-2h2.7l.5-2.6H5.9l.4-2H9L9.7 5H12l-.7 3.7h2.9l.7-3.7h2.3l-.7 3.7h2.7l-.4 2h-2.7l-.5 2.6Zm-2.3 0 .5-2.6h-2.9l-.5 2.6h2.9Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Numero;

package/src/Components/Icons/24x24/OpenInBrowser.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const OpenInBrowser = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 7v2H6v8h8v-4h2v4c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2h4Zm6.6-2H12V3h8v8h-2V6.4l-7.5 7.5-1.4-1.4L16.6 5Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default OpenInBrowser;

package/src/Components/Icons/24x24/Other.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Other = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17 8.4v7.2L12 18l-5-2.4V8.4L12 6l5 2.4Zm-5-.182 3 1.44v4.683l-3 1.44-3-1.44V9.658l3-1.44Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 7.3a2 2 0 0 1 1.188-1.828l7-3.111a2 2 0 0 1 1.624 0l7 3.111A2 2 0 0 1 21 7.3v9.4a2 2 0 0 1-1.188 1.828l-7 3.11a2 2 0 0 1-1.624 0l-7-3.11A2 2 0 0 1 3 16.7V7.3Zm16 0v9.4l-7 3.111-7-3.11V7.3l7-3.112L19 7.3Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Other;

package/src/Components/Icons/24x24/Overview.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps, forwardRef } from '@chakra-ui/react';
+
+const Overview = forwardRef<IconProps, 'svg'>((props, ref) => (
+  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 2v4h4V4H4Zm0 10h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Zm0 2v4h4v-4H4ZM16 2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm0 2v4h4V4h-4Zm0 10h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Zm0 2v4h4v-4h-4Z"
+      fill="currentColor"
+    />
+  </Icon>
+));
+
+export default Overview;