@icons-library/cropwise 1.0.0

package/src/design/Assignment.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Assignment: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M11.82 2H16C17.1 2 18 2.9 18 4V18C18 19.1 17.1 20 16 20H2C1.86 20 1.73 19.99 1.6 19.97C1.21 19.89 0.86 19.69 0.59 19.42C0.41 19.23 0.26 19.02 0.16 18.78C0.06 18.54 0 18.27 0 18V4C0 3.72 0.06 3.46 0.16 3.23C0.26 2.99 0.41 2.77 0.59 2.59C0.86 2.32 1.21 2.12 1.6 2.04C1.73 2.01 1.86 2 2 2H6.18C6.6 0.84 7.7 0 9 0C10.3 0 11.4 0.84 11.82 2ZM4 8V6H14V8H4ZM14 12V10H4V12H14ZM11 14H4V16H11V14ZM9 1.75C9.41 1.75 9.75 2.09 9.75 2.5C9.75 2.91 9.41 3.25 9 3.25C8.59 3.25 8.25 2.91 8.25 2.5C8.25 2.09 8.59 1.75 9 1.75ZM2 18H16V4H2V18Z" fill="currentColor"/>
+  </svg>
+);
+
+Assignment.displayName = "Assignment";
+export default Assignment;

package/src/design/AttachFile.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const AttachFile: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 11 22"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M9.5 5V16.5C9.5 18.71 7.71 20.5 5.5 20.5C3.29 20.5 1.5 18.71 1.5 16.5V4C1.5 2.62 2.62 1.5 4 1.5C5.38 1.5 6.5 2.62 6.5 4V14.5C6.5 15.05 6.05 15.5 5.5 15.5C4.95 15.5 4.5 15.05 4.5 14.5V5H3V14.5C3 15.88 4.12 17 5.5 17C6.88 17 8 15.88 8 14.5V4C8 1.79 6.21 0 4 0C1.79 0 0 1.79 0 4V16.5C0 19.54 2.46 22 5.5 22C8.54 22 11 19.54 11 16.5V5H9.5Z" fill="currentColor"/>
+  </svg>
+);
+
+AttachFile.displayName = "AttachFile";
+export default AttachFile;

package/src/design/AttachMoney.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const AttachMoney: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 10.18 18"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M5.48 7.9C3.21 7.31 2.48 6.7 2.48 5.75C2.48 4.66 3.49 3.9 5.18 3.9C6.96 3.9 7.62 4.75 7.68 6H9.89C9.82 4.28 8.77 2.7 6.68 2.19V0H3.68V2.16C1.74 2.58 0.18 3.84 0.18 5.77C0.18 8.08 2.09 9.23 4.88 9.9C7.38 10.5 7.88 11.38 7.88 12.31C7.88 13 7.39 14.1 5.18 14.1C3.12 14.1 2.31 13.18 2.2 12H0C0.12 14.19 1.76 15.42 3.68 15.83V18H6.68V15.85C8.63 15.48 10.18 14.35 10.18 12.3C10.18 9.46 7.75 8.49 5.48 7.9Z" fill="currentColor"/>
+  </svg>
+);
+
+AttachMoney.displayName = "AttachMoney";
+export default AttachMoney;

package/src/design/Attachment.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Attachment: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 22 11"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M17 9.5H5.5C3.29 9.5 1.5 7.71 1.5 5.5C1.5 3.29 3.29 1.5 5.5 1.5H18C19.38 1.5 20.5 2.62 20.5 4C20.5 5.38 19.38 6.5 18 6.5H7.5C6.95 6.5 6.5 6.05 6.5 5.5C6.5 4.95 6.95 4.5 7.5 4.5H17V3H7.5C6.12 3 5 4.12 5 5.5C5 6.88 6.12 8 7.5 8H18C20.21 8 22 6.21 22 4C22 1.79 20.21 0 18 0H5.5C2.46 0 0 2.46 0 5.5C0 8.54 2.46 11 5.5 11H17V9.5Z" fill="currentColor"/>
+  </svg>
+);
+
+Attachment.displayName = "Attachment";
+export default Attachment;

package/src/design/Autorenew.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Autorenew: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 16 22.0022"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M8 8V5C4.69 5 2 7.69 2 11C2 12.01 2.25 12.97 2.7 13.8L1.24 15.26C0.46 14.03 0 12.57 0 11C0 6.58 3.58 3 8 3V0L12 4L8 8ZM13.3 8.20219L14.76 6.74219C15.54 7.97219 16 9.43219 16 11.0022C16 15.4222 12.42 19.0022 8 19.0022V22.0022L4 18.0022L8 14.0022V17.0022C11.31 17.0022 14 14.3122 14 11.0022C14 9.99219 13.74 9.04219 13.3 8.20219Z" fill="currentColor"/>
+  </svg>
+);
+
+Autorenew.displayName = "Autorenew";
+export default Autorenew;

package/src/design/BarChart.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const BarChart: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 14 14"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M5.6 0H8.4V14H5.6V0ZM0 4.2H3V14H0V4.2ZM14 8H11.2V14H14V8Z" fill="currentColor"/>
+  </svg>
+);
+
+BarChart.displayName = "BarChart";
+export default BarChart;

package/src/design/Block.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Block: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM2 10C2 5.58 5.58 2 10 2C11.85 2 13.55 2.63 14.9 3.69L3.69 14.9C2.63 13.55 2 11.85 2 10ZM5.1 16.31C6.45 17.37 8.15 18 10 18C14.42 18 18 14.42 18 10C18 8.15 17.37 6.45 16.31 5.1L5.1 16.31Z" fill="currentColor"/>
+  </svg>
+);
+
+Block.displayName = "Block";
+export default Block;

package/src/design/Bluetooth.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Bluetooth: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 12.71 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M12.71 5.71L7 0H6V7.59L1.41 3L0 4.41L5.59 10L0 15.59L1.41 17L6 12.41V20H7L12.71 14.29L8.41 10L12.71 5.71ZM8 3.82812L9.88 5.70813L8 7.58813V3.82812ZM8 16.17L9.88 14.29L8 12.41V16.17Z" fill="currentColor"/>
+  </svg>
+);
+
+Bluetooth.displayName = "Bluetooth";
+export default Bluetooth;

package/src/design/BluetoothConnected.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const BluetoothConnected: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M14.71 5.71L9 0H8V7.59L3.41 3L2 4.41L7.59 10L2 15.59L3.41 17L8 12.41V20H9L14.71 14.29L10.41 10L14.71 5.71ZM4 10L2 8L0 10L2 12L4 10ZM11.88 5.70813L10 3.82812V7.58813L11.88 5.70813ZM11.88 14.29L10 16.17V12.41L11.88 14.29ZM14 10L16 8L18 10L16 12L14 10Z" fill="currentColor"/>
+  </svg>
+);
+
+BluetoothConnected.displayName = "BluetoothConnected";
+export default BluetoothConnected;

package/src/design/BluetoothDisabled.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const BluetoothDisabled: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 16 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M9 3.83L10.88 5.71L9.28 7.31L10.69 8.72L13.71 5.7L8 0H7V5.03L9 7.03V3.83ZM1.41 2L0 3.41L6.59 10L1 15.59L2.41 17L7 12.41V20H8L12.29 15.71L14.59 18L16 16.59L1.41 2ZM10.88 14.29L9 12.41V16.17L10.88 14.29Z" fill="currentColor"/>
+  </svg>
+);
+
+BluetoothDisabled.displayName = "BluetoothDisabled";
+export default BluetoothDisabled;

package/src/design/BluetoothSearching.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const BluetoothSearching: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18.01 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M7 0L12.71 5.71L8.41 10L12.71 14.29L7 20H6V12.41L1.41 17L0 15.59L5.59 10L0 4.41L1.41 3L6 7.59V0H7ZM16.53 4.71L15.27 5.97C15.9 7.18 16.25 8.54 16.25 9.99C16.25 11.44 15.89 12.81 15.27 14.01L16.47 15.21C17.44 13.67 18.01 11.85 18.01 9.9C18 8.01 17.46 6.23 16.53 4.71ZM11.2402 10.0114L13.5602 12.3314C13.8402 11.6114 14.0002 10.8214 14.0002 10.0014C14.0002 9.18141 13.8402 8.41141 13.5702 7.69141L11.2402 10.0114ZM8 3.82812L9.88 5.70813L8 7.58813V3.82812ZM8 16.17L9.88 14.29L8 12.41V16.17Z" fill="currentColor"/>
+  </svg>
+);
+
+BluetoothSearching.displayName = "BluetoothSearching";
+export default BluetoothSearching;

package/src/design/CalendarToday.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CalendarToday: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 22"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M18 2H17V0H15V2H5V0H3V2H2C0.9 2 0 2.9 0 4V20C0 21.1 0.9 22 2 22H18C19.1 22 20 21.1 20 20V4C20 2.9 19.1 2 18 2ZM18 20H2V9H18V20ZM2 7H18V4H2V7Z" fill="currentColor"/>
+  </svg>
+);
+
+CalendarToday.displayName = "CalendarToday";
+export default CalendarToday;

package/src/design/CancelClear.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CancelClear: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM10 8.59L13.59 5L15 6.41L11.41 10L15 13.59L13.59 15L10 11.41L6.41 15L5 13.59L8.59 10L5 6.41L6.41 5L10 8.59Z" fill="currentColor"/>
+  </svg>
+);
+
+CancelClear.displayName = "CancelClear";
+export default CancelClear;

package/src/design/Check.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Check: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 17.59 13.41"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M5.59 10.58L1.42 6.41L0 7.82L5.59 13.41L17.59 1.41L16.18 0L5.59 10.58Z" fill="currentColor"/>
+  </svg>
+);
+
+Check.displayName = "Check";
+export default Check;

package/src/design/Checklist.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Checklist: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 15.07"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M20 3.07H11V5.07H20V3.07ZM20 11.07H11V13.07H20V11.07ZM3.54 7.07L0 3.53L1.41 2.12L3.53 4.24L7.77 0L9.18 1.41L3.54 7.07ZM3.54 15.07L0 11.53L1.41 10.12L3.53 12.24L7.77 8L9.18 9.41L3.54 15.07Z" fill="currentColor"/>
+  </svg>
+);
+
+Checklist.displayName = "Checklist";
+export default Checklist;

package/src/design/ChecklistRtl.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const ChecklistRtl: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 15.07"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M9 3.07H0V5.07H9V3.07ZM9 11.07H0V13.07H9V11.07ZM14.34 7.07L10.8 3.53L12.21 2.12L14.33 4.24L18.57 0L20 1.41L14.34 7.07ZM14.34 15.07L10.8 11.53L12.21 10.12L14.33 12.24L18.57 8L20 9.41L14.34 15.07Z" fill="currentColor"/>
+  </svg>
+);
+
+ChecklistRtl.displayName = "ChecklistRtl";
+export default ChecklistRtl;

package/src/design/Close.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Close: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 14 14"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="currentColor"/>
+  </svg>
+);
+
+Close.displayName = "Close";
+export default Close;

package/src/design/Cloud.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Cloud: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 24 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M5.35 4.04C6.6 1.64 9.11 0 12 0C15.64 0 18.67 2.59 19.35 6.04C21.95 6.22 24 8.36 24 11C24 13.76 21.76 16 19 16H6C2.69 16 0 13.31 0 10C0 6.91 2.34 4.36 5.35 4.04ZM17.39 6.43C16.88 3.86 14.62 2 12 2C9.94 2 8.08 3.14 7.13 4.97L6.63 5.92L5.56 6.03C3.53 6.24 2 7.95 2 10C2 12.21 3.79 14 6 14H19C20.65 14 22 12.65 22 11C22 9.45 20.78 8.14 19.22 8.04L17.69 7.93L17.39 6.43Z" fill="currentColor"/>
+  </svg>
+);
+
+Cloud.displayName = "Cloud";
+export default Cloud;

package/src/design/CloudDone.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CloudDone: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 24 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M19.35 6.04C18.67 2.59 15.64 0 12 0C9.11 0 6.6 1.64 5.35 4.04C2.34 4.36 0 6.91 0 10C0 13.31 2.69 16 6 16H19C21.76 16 24 13.76 24 11C24 8.36 21.95 6.22 19.35 6.04ZM19 14H6C3.79 14 2 12.21 2 10C2 7.95 3.53 6.24 5.56 6.03L6.63 5.92L7.13 4.97C8.08 3.14 9.94 2 12 2C14.62 2 16.88 3.86 17.39 6.43L17.69 7.93L19.22 8.04C20.78 8.14 22 9.45 22 11C22 12.65 20.65 14 19 14ZM7.91 8.08813L10 10.1781L14.6 5.57812L16.01 6.98812L10 12.9981L6.5 9.49813L7.91 8.08813Z" fill="currentColor"/>
+  </svg>
+);
+
+CloudDone.displayName = "CloudDone";
+export default CloudDone;

package/src/design/CloudDownload.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CloudDownload: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 24 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M19.35 6.04C18.67 2.59 15.64 0 12 0C9.11 0 6.6 1.64 5.35 4.04C2.34 4.36 0 6.91 0 10C0 13.31 2.69 16 6 16H19C21.76 16 24 13.76 24 11C24 8.36 21.95 6.22 19.35 6.04ZM19 14H6C3.79 14 2 12.21 2 10C2 7.95 3.53 6.24 5.56 6.03L6.63 5.92L7.13 4.97C8.08 3.14 9.94 2 12 2C14.62 2 16.88 3.86 17.39 6.43L17.69 7.93L19.22 8.04C20.78 8.14 22 9.45 22 11C22 12.65 20.65 14 19 14ZM10.55 6H13.45V9H16L12 13L8 9H10.55V6Z" fill="currentColor"/>
+  </svg>
+);
+
+CloudDownload.displayName = "CloudDownload";
+export default CloudDownload;

package/src/design/CloudError.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CloudError: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 24 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M19.35 6.04C18.67 2.59 15.64 0 12 0C9.11 0 6.6 1.64 5.35 4.04C2.34 4.36 0 6.91 0 10C0 13.31 2.69 16 6 16H19C21.76 16 24 13.76 24 11C24 8.36 21.95 6.22 19.35 6.04ZM16 6.41L14.59 5L12 7.59L9.41 5L8 6.41L10.59 9L8 11.59L9.41 13L12 10.41L14.59 13L16 11.59L13.41 9L16 6.41ZM6.00024 14.001H19.0002C20.6502 14.001 22.0002 12.651 22.0002 11.001C22.0002 9.45098 20.7802 8.14098 19.2202 8.04098L17.6902 7.93098L17.3902 6.43098C16.8802 3.86098 14.6202 2.00098 12.0002 2.00098C9.94024 2.00098 8.08024 3.14098 7.13024 4.97098L6.63024 5.92098L5.56024 6.03098C3.53024 6.24098 2.00024 7.95098 2.00024 10.001C2.00024 12.211 3.79024 14.001 6.00024 14.001Z" fill="currentColor"/>
+  </svg>
+);
+
+CloudError.displayName = "CloudError";
+export default CloudError;

package/src/design/CloudOff.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CloudOff: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 24 18.14"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M4.41 0L3 1.41L5.77 4.18H5.35C2.34 4.5 0 7.05 0 10.14C0 13.45 2.69 16.14 6 16.14H17.73L19.73 18.14L21.14 16.73L4.41 0ZM24 11.14C24 8.5 21.95 6.36 19.35 6.18C18.67 2.73 15.64 0.14 12 0.14C10.67 0.14 9.43 0.5 8.35 1.11L9.84 2.6C10.51 2.31 11.23 2.14 12 2.14C15.04 2.14 17.5 4.6 17.5 7.64V8.14H19C20.66 8.14 22 9.48 22 11.14C22 12.13 21.52 12.99 20.79 13.54L22.2 14.95C23.29 14.03 24 12.68 24 11.14ZM2 10.14C2 12.35 3.79 14.14 6 14.14H15.73L7.73 6.14H6C3.79 6.14 2 7.93 2 10.14Z" fill="currentColor"/>
+  </svg>
+);
+
+CloudOff.displayName = "CloudOff";
+export default CloudOff;

package/src/design/CloudUpload.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CloudUpload: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 24 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M19.35 6.04C18.67 2.59 15.64 0 12 0C9.11 0 6.6 1.64 5.35 4.04C2.34 4.36 0 6.91 0 10C0 13.31 2.69 16 6 16H19C21.76 16 24 13.76 24 11C24 8.36 21.95 6.22 19.35 6.04ZM19 14H6C3.79 14 2 12.21 2 10C2 7.95 3.53 6.24 5.56 6.03L6.63 5.92L7.13 4.97C8.08 3.14 9.94 2 12 2C14.62 2 16.88 3.86 17.39 6.43L17.69 7.93L19.22 8.04C20.78 8.14 22 9.45 22 11C22 12.65 20.65 14 19 14ZM10.55 9H8L12 5L16 9H13.45V12H10.55V9Z" fill="currentColor"/>
+  </svg>
+);
+
+CloudUpload.displayName = "CloudUpload";
+export default CloudUpload;

package/src/design/CollapseAll.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CollapseAll: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18 12"
+    fill="none"
+    {...props}
+  >
+    <path id="Vector" d="M10 12H0V10H10V12ZM18 10H12L15 7L18 10ZM10 7H0V5H10V7ZM15 5L12 2H18L15 5ZM10 2H0V0H10V2Z" fill="currentColor"/>
+  </svg>
+);
+
+CollapseAll.displayName = "CollapseAll";
+export default CollapseAll;

package/src/design/ControlPoint.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const ControlPoint: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M10 0C4.49 0 0 4.49 0 10C0 15.51 4.49 20 10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 0 10 0ZM9 5V9H5V11H9V15H11V11H15V9H11V5H9ZM2 10C2 14.41 5.59 18 10 18C14.41 18 18 14.41 18 10C18 5.59 14.41 2 10 2C5.59 2 2 5.59 2 10Z" fill="currentColor"/>
+  </svg>
+);
+
+ControlPoint.displayName = "ControlPoint";
+export default ControlPoint;

package/src/design/Coordinates.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Coordinates: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+    {...props}
+  >
+    <path d="M8 0H6V9H8V0Z" fill="currentColor"/>
+<path d="M20 12H11V14H20V12Z" fill="currentColor"/>
+<path d="M0 12H3V14H0V12Z" fill="currentColor"/>
+<path d="M9 11H5V15H9V11Z" fill="currentColor"/>
+<path d="M6 17H8V20H6V17Z" fill="currentColor"/>
+  </svg>
+);
+
+Coordinates.displayName = "Coordinates";
+export default Coordinates;

package/src/design/Copy.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Copy: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 17 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M6 16C5.45 16 4.97917 15.8042 4.5875 15.4125C4.19583 15.0208 4 14.55 4 14V2C4 1.45 4.19583 0.979167 4.5875 0.5875C4.97917 0.195833 5.45 0 6 0H15C15.55 0 16.0208 0.195833 16.4125 0.5875C16.8042 0.979167 17 1.45 17 2V14C17 14.55 16.8042 15.0208 16.4125 15.4125C16.0208 15.8042 15.55 16 15 16H6ZM6 14H15V2H6V14ZM2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4H2V18H13V20H2Z" fill="currentColor"/>
+  </svg>
+);
+
+Copy.displayName = "Copy";
+export default Copy;

package/src/design/CreateNewFolder.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CreateNewFolder: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M18 2H10L8 0H2C0.89 0 0.01 0.89 0.01 2L0 14C0 15.11 0.89 16 2 16H18C19.11 16 20 15.11 20 14V4C20 2.89 19.11 2 18 2ZM2 14V2H7.17L9.17 4H18V14H2ZM12 10H10V8H12V6H14V8H16V10H14V12H12V10Z" fill="currentColor"/>
+  </svg>
+);
+
+CreateNewFolder.displayName = "CreateNewFolder";
+export default CreateNewFolder;

package/src/design/CropFree.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const CropFree: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18 18"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M0 6V2C0 0.9 0.9 0 2 0H6V2H2V6H0ZM0 12H2V16H6V18H2C0.9 18 0 17.1 0 16V12ZM16 16H12V18H16C17.1 18 18 17.1 18 16V12H16V16ZM12 0H16C17.1 0 18 0.9 18 2V6H16V2H12V0Z" fill="currentColor"/>
+  </svg>
+);
+
+CropFree.displayName = "CropFree";
+export default CropFree;