@icons-library/cropwise 1.0.0

package/src/design/Menu.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Menu: 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" fillRule="evenodd" clipRule="evenodd" d="M0 2V0H18V2H0ZM0 7H18V5H0V7ZM0 12H18V10H0V12Z" fill="currentColor"/>
+  </svg>
+);
+
+Menu.displayName = "Menu";
+export default Menu;

package/src/design/MenuBook.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MenuBook: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 22 17"
+    fill="none"
+    {...props}
+  >
+    <path d="M19 6.26C18.23 6.09 17.38 6 16.5 6C14.7 6 13.13 6.35 12 6.99V5.33C13.26 4.79 14.8 4.5 16.5 4.5C17.36 4.5 18.21 4.59 19 4.74V6.26Z" fill="currentColor"/>
+<path d="M12 7.98997V9.64997C13.13 9.00997 14.7 8.65997 16.5 8.65997C17.38 8.65997 18.23 8.74997 19 8.91997V7.39997C18.21 7.24997 17.36 7.15997 16.5 7.15997C14.8 7.15997 13.26 7.45997 12 7.98997Z" fill="currentColor"/>
+<path d="M12 10.6581C13.26 10.1181 14.8 9.82812 16.5 9.82812C17.36 9.82812 18.21 9.90812 19 10.0681V11.5881C18.23 11.4181 17.38 11.3281 16.5 11.3281C14.7 11.3281 13.13 11.6781 12 12.3181V10.6581Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M16.5 0C17.67 0 18.89 0.15 20 0.5C20.75 0.75 21.4 1.05 22 1.5V16.1C22 16.35 21.75 16.6 21.5 16.6C21.4 16.6 21.35 16.6 21.25 16.55C19.85 15.8 18.15 15.5 16.5 15.5C14.8 15.5 12.35 16.15 11 17C9.55 15.9 7.45 15.5 5.5 15.5C4.05 15.5 2.1 15.95 0.75 16.6C0.7 16.6 0.6625 16.6125 0.625 16.625C0.5875 16.6375 0.55 16.65 0.5 16.65C0.25 16.65 0 16.4 0 16.15V1.5C1.45 0.4 3.55 0 5.5 0C7.45 0 9.55 0.4 11 1.5C12.45 0.4 14.55 0 16.5 0ZM16.5 13.5C17.7 13.5 18.9 13.65 20 14V2.5C18.9 2.15 17.7 2 16.5 2C14.8 2 12.35 2.65 11 3.5V15C12.35 14.15 14.8 13.5 16.5 13.5Z" fill="currentColor"/>
+  </svg>
+);
+
+MenuBook.displayName = "MenuBook";
+export default MenuBook;

package/src/design/MenuOpen.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MenuOpen: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18.01 12"
+    fill="none"
+    {...props}
+  >
+    <path d="M0 0V2H13V0H0Z" fill="currentColor"/>
+<path d="M10 7H0V5H10V7Z" fill="currentColor"/>
+<path d="M13 12H0V10H13V12Z" fill="currentColor"/>
+<path d="M14.43 6L18.01 9.59L16.6 11L11.6 6L16.6 1L18.01 2.41L14.43 6Z" fill="currentColor"/>
+  </svg>
+);
+
+MenuOpen.displayName = "MenuOpen";
+export default MenuOpen;

package/src/design/Merge.tsx

@@ -0,0 +1,30 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Merge: 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="M2 2V12H4V14H1C0.447716 14 0 13.5523 0 13V1C0 0.447716 0.447715 0 1 0H13C13.5523 0 14 0.447715 14 1V4H12V2H2Z" fill="currentColor"/>
+<path d="M8 16V18L18 18L18 8L16 8V6L19 6C19.5523 6 20 6.44772 20 7L20 19C20 19.5523 19.5523 20 19 20L7 20C6.44772 20 6 19.5523 6 19L6 16H8Z" fill="currentColor"/>
+<path d="M6 6H8V7H7V8H6V6Z" fill="currentColor"/>
+<path d="M14 14V12H13V13H12V14H14Z" fill="currentColor"/>
+<path d="M14 6V8H13V7H12V6H14Z" fill="currentColor"/>
+<path d="M6 14H8V13H7L7 12H6L6 14Z" fill="currentColor"/>
+<path d="M6 9H7V11H6V9Z" fill="currentColor"/>
+<path d="M11 7V6H9V7H11Z" fill="currentColor"/>
+<path d="M14 11H13V9H14V11Z" fill="currentColor"/>
+<path d="M9 13V14H11V13H9Z" fill="currentColor"/>
+  </svg>
+);
+
+Merge.displayName = "Merge";
+export default Merge;

package/src/design/MergeType.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MergeType: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 12.82 16.91"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M5.41 4.5H1.91L6.41 0L10.91 4.5H7.41V10.91L1.41 16.91L0 15.5L5.41 10.09V4.5ZM12.82 15.5L11.41 16.91L8 13.5L9.41 12.09L12.82 15.5Z" fill="currentColor"/>
+  </svg>
+);
+
+MergeType.displayName = "MergeType";
+export default MergeType;

package/src/design/Mic.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Mic: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 14 19"
+    fill="none"
+    {...props}
+  >
+    <path id="Vector" fillRule="evenodd" clipRule="evenodd" d="M10 9C10 10.66 8.66 12 7 12C5.34 12 4 10.66 4 9V3C4 1.34 5.34 0 7 0C8.66 0 10 1.34 10 3V9ZM7 14C9.76 14 12 11.76 12 9H14C14 12.53 11.39 15.43 8 15.92V19H6V15.92C2.61 15.43 0 12.53 0 9H2C2 11.76 4.24 14 7 14Z" fill="currentColor"/>
+  </svg>
+);
+
+Mic.displayName = "Mic";
+export default Mic;

package/src/design/MicNone.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MicNone: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 14 19"
+    fill="none"
+    {...props}
+  >
+    <path id="Vector" fillRule="evenodd" clipRule="evenodd" d="M7 12C8.66 12 10 10.66 10 9V3C10 1.34 8.66 0 7 0C5.34 0 4 1.34 4 3V9C4 10.66 5.34 12 7 12ZM6 3C6 2.45 6.45 2 7 2C7.55 2 8 2.45 8 3V9C8 9.55 7.55 10 7 10C6.45 10 6 9.55 6 9V3ZM7 14C9.76 14 12 11.76 12 9H14C14 12.53 11.39 15.43 8 15.92V19H6V15.92C2.61 15.43 0 12.53 0 9H2C2 11.76 4.24 14 7 14Z" fill="currentColor"/>
+  </svg>
+);
+
+MicNone.displayName = "MicNone";
+export default MicNone;

package/src/design/MicOff.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MicOff: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18.16 19.0194"
+    fill="none"
+    {...props}
+  >
+    <path id="Vector" fillRule="evenodd" clipRule="evenodd" d="M7.8 2.9C7.8 2.24 8.34 1.7 9 1.7C9.66 1.7 10.2 2.24 10.2 2.9L10.19 6.81L12 8.6V3C12 1.34 10.66 0 9 0C7.46 0 6.21 1.16 6.04 2.65L7.8 4.41V2.9ZM16.0003 9H14.3003C14.3003 9.58 14.2003 10.13 14.0303 10.64L15.3003 11.91C15.7403 11.03 16.0003 10.04 16.0003 9ZM0 2.26937L1.41 0.859375L18.16 17.6094L16.75 19.0194L12.55 14.8194C11.77 15.2694 10.91 15.5894 10 15.7194V18.9994H8V15.7194C4.72 15.2294 2 12.4094 2 8.99938H3.7C3.7 11.9994 6.24 14.0994 9 14.0994C9.81 14.0994 10.6 13.9094 11.31 13.5794L9.65 11.9194C9.44 11.9694 9.23 11.9994 9 11.9994C7.34 11.9994 6 10.6594 6 8.99938V8.26937L0 2.26937Z" fill="currentColor"/>
+  </svg>
+);
+
+MicOff.displayName = "MicOff";
+export default MicOff;

package/src/design/Minimize.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Minimize: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 12 2"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M0 0H12V2H0V0Z" fill="currentColor"/>
+  </svg>
+);
+
+Minimize.displayName = "Minimize";
+export default Minimize;

package/src/design/MonetizationOn.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MonetizationOn: 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 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 18ZM7.97 7.47C7.97 8.2 8.54 8.69 10.31 9.14C12.07 9.6 13.96 10.36 13.97 12.56C13.96 14.17 12.76 15.04 11.24 15.33V17H8.9V15.3C7.4 14.99 6.14 14.03 6.04 12.33H7.76C7.85 13.25 8.48 13.97 10.08 13.97C11.79 13.97 12.18 13.11 12.18 12.58C12.18 11.86 11.79 11.17 9.84 10.71C7.67 10.19 6.18 9.29 6.18 7.5C6.18 5.99 7.39 5.01 8.9 4.69V3H11.23V4.71C12.85 5.11 13.67 6.34 13.72 7.68H12.01C11.97 6.7 11.45 6.04 10.07 6.04C8.76 6.04 7.97 6.63 7.97 7.47Z" fill="currentColor"/>
+  </svg>
+);
+
+MonetizationOn.displayName = "MonetizationOn";
+export default MonetizationOn;

package/src/design/MoneyOff.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MoneyOff: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 16.03 18.0019"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M10.94 6C10.88 4.75 10.22 3.9 8.44 3.9C8.04 3.9 7.67 3.95 7.35 4.03L5.84 2.52C6.19 2.37 6.55 2.24 6.94 2.16V0H9.94V2.19C12.03 2.7 13.08 4.28 13.15 6H10.94ZM0 2.33187L1.41 0.921875L16.03 15.5419L14.62 16.9519L12.4 14.7319C11.77 15.3019 10.9 15.6719 9.94 15.8519V18.0019H6.94V15.8319C5.02 15.4219 3.38 14.1919 3.26 12.0019H5.46C5.57 13.1819 6.38 14.1019 8.44 14.1019C9.81 14.1019 10.52 13.6819 10.86 13.1919L7.35 9.68188C5 8.99188 3.44 7.85187 3.44 5.77187L0 2.33187Z" fill="currentColor"/>
+  </svg>
+);
+
+MoneyOff.displayName = "MoneyOff";
+export default MoneyOff;

package/src/design/MoreHoriz.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MoreHoriz: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 16 4"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM14 0C12.9 0 12 0.9 12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0ZM6 2C6 0.9 6.9 0 8 0C9.1 0 10 0.9 10 2C10 3.1 9.1 4 8 4C6.9 4 6 3.1 6 2Z" fill="currentColor"/>
+  </svg>
+);
+
+MoreHoriz.displayName = "MoreHoriz";
+export default MoreHoriz;

package/src/design/MoreVert.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MoreVert: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 4 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6ZM0 14C0 12.9 0.9 12 2 12C3.1 12 4 12.9 4 14C4 15.1 3.1 16 2 16C0.9 16 0 15.1 0 14Z" fill="currentColor"/>
+  </svg>
+);
+
+MoreVert.displayName = "MoreVert";
+export default MoreVert;

package/src/design/Move.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Move: 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" d="M6.13721 3.8628H9.09869L9.0924 9.09021L7.57108 9.08839V9.08581L7.01992 9.08772L5.42892 9.08581V9.09325L3.8628 9.09869L3.8628 6.13721L0 10L3.8628 13.8628V10.9013L5.42892 10.9068V10.9142L7.02015 10.9123L7.57108 10.9142V10.9116L9.09021 10.9098L9.08839 12.4289H9.08581L9.08772 12.9801L9.08581 14.5711H9.09325L9.09869 16.1372H6.13721L10 20L13.8628 16.1372H10.9013L10.9068 14.5711H10.9142L10.9123 12.9798L10.9142 12.4289H10.9116L10.9098 10.9076L16.1372 10.9013V13.8628L20 10L16.1372 6.13721V9.09869L10.9076 9.0924L10.9013 3.8628H13.8628L10 0L6.13721 3.8628Z" fill="currentColor"/>
+  </svg>
+);
+
+Move.displayName = "Move";
+export default Move;

package/src/design/MultilineChart.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MultilineChart: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 13.49"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M20 1.92L18.59 0.51L15.74 3.72C13.68 1.4 10.83 0 7.61 0C4.72 0 2.07 1.16 0 3L1.42 4.42C3.12 2.93 5.27 2 7.61 2C10.35 2 12.7 3.26 14.38 5.24L11.5 8.48L7.5 4.48L0 11.99L1.5 13.49L7.5 7.48L11.5 11.48L15.55 6.93C16.3 8.28 16.8 9.83 16.99 11.48H19C18.78 9.18 18.05 7.09 16.96 5.34L20 1.92Z" fill="currentColor"/>
+  </svg>
+);
+
+MultilineChart.displayName = "MultilineChart";
+export default MultilineChart;

package/src/design/MultipleStop.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const MultipleStop: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 18 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M14 0L18 4L14 8V5H10V3H14V0ZM7 3C6.45 3 6 3.45 6 4C6 4.55 6.45 5 7 5C7.55 5 8 4.55 8 4C8 3.45 7.55 3 7 3ZM3 3C2.45 3 2 3.45 2 4C2 4.55 2.45 5 3 5C3.55 5 4 4.55 4 4C4 3.45 3.55 3 3 3ZM4 13H8V11H4V8L0 12L4 16V13ZM11 13C11.55 13 12 12.55 12 12C12 11.45 11.55 11 11 11C10.45 11 10 11.45 10 12C10 12.55 10.45 13 11 13ZM15 13C15.55 13 16 12.55 16 12C16 11.45 15.55 11 15 11C14.45 11 14 11.45 14 12C14 12.55 14.45 13 15 13Z" fill="currentColor"/>
+  </svg>
+);
+
+MultipleStop.displayName = "MultipleStop";
+export default MultipleStop;

package/src/design/OpenInFull.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const OpenInFull: 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" d="M0 18V10H2V14.6L14.6 2H10V0H18V8H16V3.4L3.4 16H8V18H0Z" fill="currentColor"/>
+  </svg>
+);
+
+OpenInFull.displayName = "OpenInFull";
+export default OpenInFull;

package/src/design/OpenInNew.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const OpenInNew: 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="M2 2V16H16V9H18V16C18 17.1 17.1 18 16 18H2C0.89 18 0 17.1 0 16V2C0 0.9 0.89 0 2 0H9V2H2ZM11 2V0H18V7H16V3.41L6.17 13.24L4.76 11.83L14.59 2H11Z" fill="currentColor"/>
+  </svg>
+);
+
+OpenInNew.displayName = "OpenInNew";
+export default OpenInNew;

package/src/design/OrganizerDeselected.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const OrganizerDeselected: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 9.18 18"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M7.76 6L4.59 2.83L1.42 6L0 4.59L4.59 0L9.17 4.59L7.76 6ZM1.42 12L4.59 15.17L7.76 12L9.18 13.41L4.59 18L0.01 13.41L1.42 12Z" fill="currentColor"/>
+  </svg>
+);
+
+OrganizerDeselected.displayName = "OrganizerDeselected";
+export default OrganizerDeselected;

package/src/design/OrganizerHigher.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const OrganizerHigher: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 9.17977 18"
+    fill="none"
+    {...props}
+  >
+    <path d="M4.59 2.83L7.76 6L9.17 4.59L4.59 0L0 4.59L1.42 6L4.59 2.83Z" fill="currentColor"/>
+<path d="M4.58977 15.17L1.41977 12L0.00976562 13.41L4.58977 18L9.17977 13.41L7.75977 12L4.58977 15.17Z" fill="currentColor"/>
+  </svg>
+);
+
+OrganizerHigher.displayName = "OrganizerHigher";
+export default OrganizerHigher;

package/src/design/OrganizerLower.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const OrganizerLower: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 9.17977 18"
+    fill="none"
+    {...props}
+  >
+    <path d="M4.59 2.83L7.76 6L9.17 4.59L4.59 0L0 4.59L1.42 6L4.59 2.83Z" fill="#C2C7D0"/>
+<path d="M4.58977 15.17L1.41977 12L0.00976562 13.41L4.58977 18L9.17977 13.41L7.75977 12L4.58977 15.17Z" fill="currentColor"/>
+  </svg>
+);
+
+OrganizerLower.displayName = "OrganizerLower";
+export default OrganizerLower;

package/src/design/Padding.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Padding: 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" d="M0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0H2C0.9 0 0 0.9 0 2ZM16 16H2V2H16V16ZM8 4H10V6H8V4ZM4 4H6V6H4V4ZM12 4H14V6H12V4Z" fill="currentColor"/>
+  </svg>
+);
+
+Padding.displayName = "Padding";
+export default Padding;

package/src/design/Pause.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Pause: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 12 14"
+    fill="none"
+    {...props}
+  >
+    <path id="Vector" fillRule="evenodd" clipRule="evenodd" d="M4 14H0V0H4V14ZM8 14V0H12V14H8Z" fill="currentColor"/>
+  </svg>
+);
+
+Pause.displayName = "Pause";
+export default Pause;

package/src/design/Phonelink.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Phonelink: 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="M4 2H22V0H4C2.9 0 2 0.9 2 2V13H0V16H14V13H4V2ZM23 4H17C16.45 4 16 4.45 16 5V15C16 15.55 16.45 16 17 16H23C23.55 16 24 15.55 24 15V5C24 4.45 23.55 4 23 4ZM18 13H22V6H18V13Z" fill="currentColor"/>
+  </svg>
+);
+
+Phonelink.displayName = "Phonelink";
+export default Phonelink;

package/src/design/PhotoAdd.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const PhotoAdd: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 23 21"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M8 5H5V8H3V5H0V3H3V0H5V3H8V5ZM17.83 5H21C22.1 5 23 5.9 23 7V19C23 20.1 22.1 21 21 21H5C3.9 21 3 20.1 3 19V10H5V19H21V7H16.95L15.12 5H10V3H16L17.83 5ZM13 18C10.24 18 8 15.76 8 13C8 10.24 10.24 8 13 8C15.76 8 18 10.24 18 13C18 15.76 15.76 18 13 18ZM13 10C14.65 10 16 11.35 16 13C16 14.65 14.65 16 13 16C11.35 16 10 14.65 10 13C10 11.35 11.35 10 13 10Z" fill="currentColor"/>
+  </svg>
+);
+
+PhotoAdd.displayName = "PhotoAdd";
+export default PhotoAdd;

package/src/design/PieChart.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const PieChart: 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="M0 10C0 4.48 4.48 0 10 0C15.52 0 20 4.48 20 10C20 15.52 15.52 20 10 20C4.48 20 0 15.52 0 10ZM11 9H17.93C17.48 5.39 14.61 2.52 11 2.07V9ZM2 10C2 5.93 5.06 2.56 9 2.07V17.93C5.06 17.44 2 14.07 2 10ZM11 11V17.93C14.61 17.48 17.48 14.61 17.93 11H11Z" fill="currentColor"/>
+  </svg>
+);
+
+PieChart.displayName = "PieChart";
+export default PieChart;

package/src/design/Play.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Play: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 11 14"
+    fill="none"
+    {...props}
+  >
+    <path id="Vector" fillRule="evenodd" clipRule="evenodd" d="M11 7L0 14V0L11 7ZM7.27 7.00062L2 3.64062V10.3606L7.27 7.00062Z" fill="currentColor"/>
+  </svg>
+);
+
+Play.displayName = "Play";
+export default Play;

package/src/design/PlayDisabled.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const PlayDisabled: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 19.79 19.79"
+    fill="none"
+    {...props}
+  >
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 1.41L1.42 0L19.79 18.38L18.38 19.79L11.6 13.01L6.61 16.19V8.02L0 1.41ZM8.61 10.02V12.55L10.16 11.57L8.61 10.02Z" fill="currentColor"/>
+<path d="M17.6104 9.19141L15.0604 10.8114L6.61035 2.36141V2.19141L17.6104 9.19141Z" fill="currentColor"/>
+  </svg>
+);
+
+PlayDisabled.displayName = "PlayDisabled";
+export default PlayDisabled;