@generation/icons 1.0.0

package/src/Icons/Bookmarks.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+const Bookmarks = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 18 22"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      d="M5.99 0H16c1.1 0 2 .9 2 2v16l-2-1V4c0-1.1-.9-2-2-2H4c0-1.1.89-2 1.99-2M2 4h10c1.1 0 2 .9 2 2v16l-7-3-7 3V6c0-1.1.9-2 2-2"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default Bookmarks;

package/src/Icons/Briefcase.jsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const Briefcase = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 20 19"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M18 4h-4V2c0-1.11-.89-2-2-2H8C6.89 0 6 .89 6 2v2H2C.89 4 .01 4.89.01 6L0 17c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2m-6 0H8V2h4z"
+    />
+  </svg>
+);
+export default Briefcase;

package/src/Icons/BulletedList.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const BulletedList = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 21 17"
+    {...props}
+  >
+    <path d="M1.932 6.486A1.62 1.62 0 0 0 .31 8.108 1.62 1.62 0 0 0 1.932 9.73a1.62 1.62 0 0 0 1.621-1.622 1.62 1.62 0 0 0-1.621-1.622m0-6.486A1.62 1.62 0 0 0 .31 1.622a1.62 1.62 0 0 0 1.622 1.621 1.62 1.62 0 0 0 1.621-1.621A1.62 1.62 0 0 0 1.932 0m0 12.973c-.898 0-1.622.735-1.622 1.622 0 .886.735 1.621 1.622 1.621.886 0 1.621-.735 1.621-1.621 0-.887-.724-1.622-1.621-1.622m3.243 2.703H20.31v-2.162H5.175zm0-6.487H20.31V7.027H5.175zm0-8.648v2.162H20.31V.54z" />
+  </svg>
+);
+export default BulletedList;

package/src/Icons/Calendar.jsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+const Calendar = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 19 20"
+    {...props}
+  >
+    <path d="M16.31 2h-1V0h-2v2h-8V0h-2v2h-1C1.2 2 .32 2.9.32 4L.31 18a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16h-14V8h14zm0-12h-14V4h14zm-10 6h-2v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm-8 4h-2v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2z" />
+    <path d="M.31 2v18h18V2zm16.38 16.38H1.93V3.62h14.76z" />
+  </svg>
+);
+export default Calendar;

package/src/Icons/Calendar2.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const Calendar2 = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 37 36"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8.836 0a1.2 1.2 0 0 1 1.2 1.2v3.6h16.8V1.2a1.2 1.2 0 0 1 2.4 0v3.6h4.8a2.4 2.4 0 0 1 2.4 2.4v26.4a2.4 2.4 0 0 1-2.4 2.4h-31.2a2.4 2.4 0 0 1-2.4-2.4V7.2a2.4 2.4 0 0 1 2.4-2.4h4.8V1.2a1.2 1.2 0 0 1 1.2-1.2m-1.2 8.4V7.2h-4.8v6h31.2v-6h-4.8v1.2a1.2 1.2 0 1 1-2.401 0V7.2h-16.8v1.2a1.2 1.2 0 0 1-2.4 0m26.4 7.2h-31.2v18h31.2zM6.436 18a1.2 1.2 0 0 0 0 2.4h4.8a1.2 1.2 0 1 0 0-2.4zm-1.2 6a1.2 1.2 0 0 1 1.2-1.2h4.8a1.2 1.2 0 1 1 0 2.4h-4.8a1.2 1.2 0 0 1-1.2-1.2m1.2 3.6a1.2 1.2 0 1 0 0 2.4h4.8a1.2 1.2 0 1 0 0-2.4zm8.4-8.4a1.2 1.2 0 0 1 1.2-1.2h4.8a1.201 1.201 0 1 1 0 2.4h-4.8a1.2 1.2 0 0 1-1.2-1.2m10.8-1.2a1.202 1.202 0 0 0-.872 2.06 1.2 1.2 0 0 0 .872.34h4.8a1.2 1.2 0 0 0 0-2.4zm-10.8 6a1.2 1.2 0 0 1 1.2-1.2h4.8a1.2 1.2 0 1 1 0 2.4h-4.8a1.2 1.2 0 0 1-1.2-1.2m10.8-1.2a1.2 1.2 0 1 0 0 2.4h4.8a1.2 1.2 0 0 0 0-2.4zm-10.8 6a1.2 1.2 0 0 1 1.2-1.2h4.8a1.2 1.2 0 1 1 0 2.4h-4.8a1.2 1.2 0 0 1-1.2-1.2m10.8-1.2a1.2 1.2 0 1 0 0 2.4h4.8a1.2 1.2 0 1 0 0-2.4z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default Calendar2;

package/src/Icons/Calendar3.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const Calendar3 = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 20 20"
+    {...props}
+  >
+    <path d="M0 0h20v20H0z" />
+    <path
+      fill="currentColor"
+      d="M17 2h-1V0h-2v2H6V0H4v2H3c-1.11 0-1.99.9-1.99 2L1 18a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16H3V8h14zM7 12H5v-2h2zm4 0H9v-2h2zm4 0h-2v-2h2zm-8 4H5v-2h2zm4 0H9v-2h2zm4 0h-2v-2h2z"
+    />
+    <path fill="currentColor" d="M1 2v18h18V2zm16.38 16.38H2.62V3.62h14.76z" />
+  </svg>
+);
+export default Calendar3;

package/src/Icons/Camera.jsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const Camera = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 18 12"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M13.583 4.625V1.417A.92.92 0 0 0 12.667.5h-11a.92.92 0 0 0-.917.917v9.166a.92.92 0 0 0 .917.917h11a.92.92 0 0 0 .916-.917V7.375l3.667 3.667V.958zm-2.75 2.292h-2.75v2.75H6.25v-2.75H3.5V5.083h2.75v-2.75h1.833v2.75h2.75z"
+    />
+  </svg>
+);
+export default Camera;

package/src/Icons/CaretDown.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const CaretDown = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 7.5 5.59"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M.3 1.71 2.89 4.3c.39.39 1.02.39 1.41 0l2.59-2.59C7.52 1.08 7.07 0 6.18 0H1C.11 0-.33 1.08.3 1.71"
+      style={{
+        fill: "currentColor",
+        fillRule: "evenodd",
+      }}
+    />
+  </svg>
+);
+export default CaretDown;

package/src/Icons/CaretDownCircle.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const CaretDownCircle = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0m-.35 12.65L6.86 9.86c-.32-.32-.1-.86.35-.86h5.59c.45 0 .67.54.35.85l-2.79 2.79c-.2.2-.52.2-.71.01"
+      style={{
+        fill: "currentColor",
+        fillRule: "evenodd",
+      }}
+    />
+  </svg>
+);
+export default CaretDownCircle;

package/src/Icons/CaretUp.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+const CaretUp = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 10 5"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M10 5 5 0 0 5z"
+      style={{
+        fill: "currentColor",
+      }}
+    />
+  </svg>
+);
+export default CaretUp;

package/src/Icons/Chain.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const Chain = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 10"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M1.95 4.38C2.23 2.91 3.61 1.9 5.11 1.9h2.93c.52 0 .95-.43.95-.95S8.56 0 8.04 0H5.21C2.6 0 .27 1.91.02 4.51A4.995 4.995 0 0 0 4.99 10h3.05c.52 0 .95-.43.95-.95s-.43-.95-.95-.95H4.99a3.11 3.11 0 0 1-3.04-3.72M6.99 6h6c.55 0 1-.45 1-1s-.45-1-1-1h-6c-.55 0-1 .45-1 1s.45 1 1 1m7.78-6h-2.83c-.52 0-.95.43-.95.95s.43.95.95.95h2.93c1.5 0 2.88 1.01 3.16 2.48a3.11 3.11 0 0 1-3.04 3.72h-3.05c-.52 0-.95.43-.95.95s.43.95.95.95h3.05c2.92 0 5.26-2.51 4.98-5.49-.25-2.6-2.59-4.51-5.2-4.51"
+      style={{
+        fill: "currentColor",
+        fillRule: "evenodd",
+      }}
+    />
+  </svg>
+);
+export default Chain;

package/src/Icons/ChartSquareFill.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const ChartSquareFill = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 18 18"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M16 0H2C.9 0 0 .9 0 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2M5 14c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1m4 0c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v8c0 .55-.45 1-1 1m4 0c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1"
+      style={{
+        fill: "currentColor",
+        fillRule: "evenodd",
+      }}
+    />
+  </svg>
+);
+export default ChartSquareFill;

package/src/Icons/ChartSquareFillOut.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const ChartSquareFillOut = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 18 18"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M5 14c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v5c0 .55-.45 1-1 1m4 0c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1s1 .45 1 1v8c0 .55-.45 1-1 1m4 0c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1m2 2H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H2C.9 0 0 .9 0 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2"
+      style={{
+        fill: "currentColor",
+        fillRule: "evenodd",
+      }}
+    />
+  </svg>
+);
+export default ChartSquareFillOut;

package/src/Icons/ChatFill.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const ChatFill = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 21 20"
+    {...props}
+  >
+    <path d="M20.32 0h-20v20l3.992-4H20.32zM4.312 7h12.006v2H4.312zm8.004 5H4.312v-2h8.004zm4.002-6H4.312V4h12.006z" />
+  </svg>
+);
+export default ChatFill;

package/src/Icons/ChatFillOut.jsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+const ChatFillOut = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 21 20"
+    {...props}
+  >
+    <path d="M2.31 2h16v13h-15l-1 .17zm0-2C1.21 0 .32.9.32 2v18l3.99-4h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm2 10h8v2h-8zm0-3h12v2h-12zm0-3h12v2h-12z" />
+    <path d="M.31 0v16h20V0zm18.2 14.56H2.11V1.44h16.4z" />
+  </svg>
+);
+export default ChatFillOut;

package/src/Icons/Check.jsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const Check = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 17 13"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M5.25 10.51 1.73 6.92c-.39-.4-1.04-.4-1.43 0-.4.4-.4 1.05 0 1.46l4.24 4.32c.4.4 1.04.4 1.43 0L16.7 1.76c.4-.4.4-1.05 0-1.46-.39-.4-1.04-.4-1.43 0z"
+    />
+  </svg>
+);
+export default Check;

package/src/Icons/CheckCircleFillOut.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+const CheckCircleFillOut = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m-2-5.8L5.4 9.6 4 11l4 4 8-8-1.4-1.4z"
+      style={{
+        fill: "currentColor",
+      }}
+    />
+  </svg>
+);
+export default CheckCircleFillOut;

package/src/Icons/CheckFill.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+const CheckFill = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0M8 15l-5-5 1.41-1.41L8 12.17l7.59-7.59L17 6z"
+      style={{
+        fill: "currentColor",
+      }}
+    />
+  </svg>
+);
+export default CheckFill;

package/src/Icons/CheckMark.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const Checkmark = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 21 16"
+    {...props}
+  >
+    <path d="M7.453 16 .31 8.68l2.551-2.615 4.592 4.602L17.759 0l2.551 2.614z" />
+  </svg>
+);
+export default Checkmark;

package/src/Icons/ChevronDown.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+const ChevronDown = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 13.42 8.12"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M0 1.42 1.42 0l5.29 5.3L12 0l1.42 1.42-6.71 6.7z"
+      style={{
+        fill: "currentColor",
+      }}
+    />
+  </svg>
+);
+export default ChevronDown;

package/src/Icons/ChevronLeft.jsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const ChevronLeft = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 8 12"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M6.601 0 8 1.27 2.778 6 8 10.73 6.601 12 0 6z"
+    />
+  </svg>
+);
+export default ChevronLeft;

package/src/Icons/ChevronRight.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+const ChevronRight = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 7.41 12"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M0 10.59 4.58 6 0 1.41 1.41 0l6 6-6 6z"
+      style={{
+        fill: "currentColor",
+      }}
+    />
+  </svg>
+);
+export default ChevronRight;

package/src/Icons/ChevronUp.jsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const ChevronUp = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 12 8"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M12 6.601 10.73 8 6 2.778 1.27 8 0 6.601 6 0z"
+    />
+  </svg>
+);
+export default ChevronUp;

package/src/Icons/Circle.jsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const Circle = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 20 20"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M10 20c5.52 0 10-4.48 10-10S15.52 0 10 0 0 4.48 0 10s4.48 10 10 10m0-2c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"
+      className="prefix__cls-1"
+    />
+  </svg>
+);
+export default Circle;

package/src/Icons/Clock.jsx

@@ -0,0 +1,16 @@
+import * as React from "react";
+const Clock = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 47.001 47.001"
+    {...props}
+  >
+    <path d="M46.907 20.12a.99.99 0 0 0-.896-.569h-2.927C41.223 9.452 32.355 1.775 21.726 1.775 9.747 1.775 0 11.522 0 23.501s9.746 21.725 21.726 21.725c7.731 0 14.941-4.161 18.816-10.857a1.975 1.975 0 0 0-.722-2.699 1.97 1.97 0 0 0-2.697.72c-3.172 5.481-9.072 8.887-15.397 8.887-9.801 0-17.776-7.974-17.776-17.774 0-9.802 7.975-17.776 17.776-17.776 8.442 0 15.515 5.921 17.317 13.825h-2.904a.99.99 0 0 0-.896.569.99.99 0 0 0 .136 1.051l4.938 5.925a.988.988 0 0 0 1.517 0l4.938-5.925a.99.99 0 0 0 .135-1.052" />
+    <path d="M21.726 6.713a1.975 1.975 0 0 0-1.975 1.975v11.984a3.45 3.45 0 0 0-1.481 2.83 3.46 3.46 0 0 0 3.457 3.457c.522 0 1.014-.125 1.458-.334l6.87 3.965a1.974 1.974 0 1 0 1.974-3.419L25.152 23.2a3.44 3.44 0 0 0-1.449-2.526V8.688a1.98 1.98 0 0 0-1.977-1.975m0 18.269a1.483 1.483 0 0 1-1.481-1.48c0-.816.665-1.481 1.481-1.481s1.481.665 1.481 1.481c0 .815-.665 1.48-1.481 1.48" />
+  </svg>
+);
+export default Clock;

package/src/Icons/ClockDraft.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const ClockDraft = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path d="M13 3a9 9 0 0 0-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.95 8.95 0 0 0 13 21a9 9 0 0 0 0-18m-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8z" />
+  </svg>
+);
+export default ClockDraft;

package/src/Icons/ClockFill.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+const ClockFill = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0m4.2 14.2L9 11V5h1.5v5.2l4.5 2.7z"
+      style={{
+        fill: "currentColor",
+      }}
+    />
+  </svg>
+);
+export default ClockFill;

package/src/Icons/ClockFillOut.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const ClockFillOut = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 20 20"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M9.99 0C4.47 0 0 4.48 0 10s4.47 10 9.99 10S20 15.52 20 10 15.52 0 9.99 0M10 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8M9.78 5h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24a.71.71 0 0 0-.25-.99l-3.87-2.3V5.72c0-.4-.32-.72-.72-.72"
+      style={{
+        fill: "currentColor",
+        fillRule: "evenodd",
+      }}
+    />
+  </svg>
+);
+export default ClockFillOut;

package/src/Icons/CloneFill.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const CloneFill = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path d="M14.636 3h-9C4.736 3 4 3.736 4 4.636v10.637c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818V5.455a.82.82 0 0 1 .819-.819h8.181a.82.82 0 0 0 .819-.818.82.82 0 0 0-.819-.818m.483 3.755 3.952 3.952c.303.303.474.72.474 1.154v7.503c0 .9-.736 1.636-1.636 1.636H8.901c-.9 0-1.628-.736-1.628-1.636L7.28 7.909c0-.9.728-1.636 1.628-1.636h5.048c.434 0 .851.172 1.162.482zM14.636 12h3.682l-4.5-4.5v3.682c0 .45.368.818.818.818" />
+  </svg>
+);
+export default CloneFill;

package/src/Icons/CloneFillOut.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const CloneFillOut = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path d="M15.455 3H5.636C4.736 3 4 3.736 4 4.636v11.455h1.636V4.636h9.819zm-.819 3.273H8.91c-.9 0-1.628.736-1.628 1.636l-.008 11.455C7.273 20.264 8 21 8.9 21h9.008c.9 0 1.636-.736 1.636-1.636v-8.182zM8.91 19.363V7.91h4.91V12h4.09v7.364h-9z" />
+  </svg>
+);
+export default CloneFillOut;

package/src/Icons/Close.jsx

@@ -0,0 +1,15 @@
+import * as React from "react";
+const Close = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    fill="currentColor"
+    viewBox="0 0 47.971 47.971"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path d="M28.228 23.986 47.092 5.122a3 3 0 0 0 0-4.242 3 3 0 0 0-4.242 0L23.986 19.744 5.121.88a3 3 0 0 0-4.242 0 3 3 0 0 0 0 4.242l18.865 18.864L.879 42.85a2.998 2.998 0 1 0 4.242 4.241l18.865-18.864L42.85 47.091c.586.586 1.354.879 2.121.879s1.535-.293 2.121-.879a3 3 0 0 0 0-4.242z" />
+  </svg>
+);
+export default Close;

package/src/Icons/CloseButton.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const CloseButton = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 21 20"
+    {...props}
+  >
+    <path d="M20.31 2.014 18.296 0 10.31 7.986 2.324 0 .31 2.014 8.296 10 .31 17.986 2.324 20l7.986-7.986L18.296 20l2.014-2.014L12.324 10z" />
+  </svg>
+);
+export default CloseButton;

package/src/Icons/Cloud.jsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+const Cloud = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 18 12"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      d="M7.49 1.31C8.07.73 8.88.38 9.77.38c1.19 0 2.23.63 2.78 1.56.48-.2 1.01-.31 1.57-.31 2.14 0 3.88 1.66 3.88 3.72s-1.74 3.73-3.88 3.73c-.26 0-.52-.02-.76-.07-.49.83-1.42 1.38-2.48 1.38-.45 0-.87-.09-1.24-.27C9.15 11.23 8 12 6.66 12s-2.58-.84-3.04-2.02c-.2.04-.4.06-.62.06-1.65 0-3-1.29-3-2.89 0-1.07.6-2 1.5-2.5-.18-.41-.29-.85-.29-1.32C1.21 1.49 2.78 0 4.71 0c1.13 0 2.14.51 2.78 1.31"
+      style={{
+        fill: "currentColor",
+        fillRule: "evenodd",
+      }}
+    />
+  </svg>
+);
+export default Cloud;

package/src/Icons/CommentSharpedo.jsx

@@ -0,0 +1,17 @@
+import * as React from "react";
+const CommentSharpedo = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 20 20"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M18 0H2C.9 0 0 .9 0 2v18l4-4h14c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2m-6.43 9.57L10 13 8.43 9.57 5 8l3.43-1.57L10 3l1.57 3.43L15 8z"
+    />
+  </svg>
+);
+export default CommentSharpedo;

package/src/Icons/CompleteCheck.jsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+const CompleteCheck = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="currentColor"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8M6.4 12l-4-4 1.128-1.128L6.4 9.736l6.072-6.072L13.6 4.8z" />
+  </svg>
+);
+export default CompleteCheck;