@icons-library/cropwise 1.0.0

package/src/design/Fullscreen.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Fullscreen: 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="M2 5H0V0H5V2H2V5ZM0 9H2V12H5V14H0V9ZM12 12H9V14H14V9H12V12ZM9 2V0H14V5H12V2H9Z" fill="currentColor"/>
+  </svg>
+);
+
+Fullscreen.displayName = "Fullscreen";
+export default Fullscreen;

package/src/design/FullscreenExit.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const FullscreenExit: 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="M0 3H3V0H5V5H0V3ZM3 11H0V9H5V14H3V11ZM9 14H11V11H14V9H9V14ZM11 0V3H14V5H9V0H11Z" fill="currentColor"/>
+  </svg>
+);
+
+FullscreenExit.displayName = "FullscreenExit";
+export default FullscreenExit;

package/src/design/Functions.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Functions: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 12 16"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M12 0H0V2L6.5 8L0 14V16H12V13H5L10 8L5 3H12V0Z" fill="currentColor"/>
+  </svg>
+);
+
+Functions.displayName = "Functions";
+export default Functions;

package/src/design/Height.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Height: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 8 18"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M5 3.99H8L4 0L0 3.99H3V14.01H0L4 18L8 14.01H5V3.99Z" fill="currentColor"/>
+  </svg>
+);
+
+Height.displayName = "Height";
+export default Height;

package/src/design/Help.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Help: 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 14V16H9V14H11ZM10 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 18ZM6 8C6 5.79 7.79 4 10 4C12.21 4 14 5.79 14 8C14 9.28292 13.21 9.97332 12.4408 10.6455C11.711 11.2833 11 11.9046 11 13H9C9 11.1787 9.94212 10.4566 10.7704 9.82168C11.4202 9.32361 12 8.87922 12 8C12 6.9 11.1 6 10 6C8.9 6 8 6.9 8 8H6Z" fill="currentColor"/>
+  </svg>
+);
+
+Help.displayName = "Help";
+export default Help;

package/src/design/Highlight.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Highlight: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 16.994 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M9.4978 0H7.4978V3H9.4978V0ZM2.4978 12L5.4978 15V20H11.4978V15L14.4978 12V7H2.4978V12ZM4.4978 9H12.4978V11.17L9.4978 14.17V18H7.4978V14.17L4.4978 11.17V9ZM0 3.87574L1.4136 2.46094L3.5358 4.58134L2.1222 5.99614L0 3.87574ZM15.5808 2.46094L13.458 4.58074L14.8712 5.99594L16.994 3.87614L15.5808 2.46094Z" fill="currentColor"/>
+  </svg>
+);
+
+Highlight.displayName = "Highlight";
+export default Highlight;

package/src/design/HorizontalDistribute.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const HorizontalDistribute: 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="M2 20H0V0H2V20ZM20 0H18V20H20V0ZM11.5 5H8.5V15H11.5V5Z" fill="currentColor"/>
+  </svg>
+);
+
+HorizontalDistribute.displayName = "HorizontalDistribute";
+export default HorizontalDistribute;

package/src/design/Image.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Image: 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="M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM16 2V16H2V2H16ZM8.14 12.73L11.14 8.86L15 14H3L6 10.14L8.14 12.73Z" fill="currentColor"/>
+  </svg>
+);
+
+Image.displayName = "Image";
+export default Image;

package/src/design/ImageNotSupported.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const ImageNotSupported: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 21.21 21.21"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M21.21 19.8L1.41 0L0 1.41L2.31 3.73V16.9C2.31 18 3.21 18.9 4.31 18.9H17.48L19.79 21.21L21.21 19.8ZM4.31 16.9V5.73L11.15 12.57L10.31 13.62L8.31 10.9L5.31 14.9H13.48L15.48 16.9H4.31ZM7.14 2.9L5.14 0.9H18.31C19.41 0.9 20.31 1.8 20.31 2.9V16.07L18.31 14.07V2.9H7.14Z" fill="currentColor"/>
+  </svg>
+);
+
+ImageNotSupported.displayName = "ImageNotSupported";
+export default ImageNotSupported;

package/src/design/ImageSearch.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const ImageSearch: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20.42 20"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M17.3 6.89C17.74 6.19 18 5.38 18 4.5C18 2.01 15.99 0 13.5 0C11.01 0 9 2.01 9 4.5C9 6.99 11.01 9 13.49 9C14.37 9 15.19 8.74 15.88 8.3L19 11.42L20.42 10L17.3 6.89ZM16 18V11L18 13V18C18 19.1 17.1 20 16 20H2C0.9 20 0 19.1 0 18V4C0 2.9 0.9 2 2 2H7.5C7.24 2.62 7.07 3.29 7.02 4H2V18H16ZM14.5 16L10.96 11.29L8.21 14.83L6.25 12.47L3.5 16H14.5ZM11 4.5C11 5.88 12.12 7 13.5 7C14.88 7 16 5.88 16 4.5C16 3.12 14.88 2 13.5 2C12.12 2 11 3.12 11 4.5Z" fill="currentColor"/>
+  </svg>
+);
+
+ImageSearch.displayName = "ImageSearch";
+export default ImageSearch;

package/src/design/Info.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Info: 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 0ZM9 5V7H11V5H9ZM9 9V15H11V9H9ZM2 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>
+);
+
+Info.displayName = "Info";
+export default Info;

package/src/design/InsertDriveFile.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const InsertDriveFile: 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="M2 0H10L16 6V18C16 19.1 15.1 20 14 20H1.99C0.89 20 0 19.1 0 18L0.01 2C0.01 0.9 0.9 0 2 0ZM2 2V18H14V7H9V2H2Z" fill="currentColor"/>
+  </svg>
+);
+
+InsertDriveFile.displayName = "InsertDriveFile";
+export default InsertDriveFile;

package/src/design/InsertLink.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const InsertLink: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 10"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M1.9 5C1.9 3.29 3.29 1.9 5 1.9H9V0H5C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10H9V8.1H5C3.29 8.1 1.9 6.71 1.9 5ZM6 6H14V4H6V6ZM11 0H15C17.76 0 20 2.24 20 5C20 7.76 17.76 10 15 10H11V8.1H15C16.71 8.1 18.1 6.71 18.1 5C18.1 3.29 16.71 1.9 15 1.9H11V0Z" fill="currentColor"/>
+  </svg>
+);
+
+InsertLink.displayName = "InsertLink";
+export default InsertLink;

package/src/design/InsertPhoto.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const InsertPhoto: 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="M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM16 2V16H2V2H16ZM8.14 12.73L11.14 8.86L15 14H3L6 10.14L8.14 12.73Z" fill="currentColor"/>
+  </svg>
+);
+
+InsertPhoto.displayName = "InsertPhoto";
+export default InsertPhoto;

package/src/design/Instagram.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Instagram: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 19.9962 20"
+    fill="none"
+    {...props}
+  >
+    <path fillRule="evenodd" clipRule="evenodd" d="M10.0018 4.86492C7.16544 4.86492 4.86411 7.1661 4.86411 10.0027C4.86411 12.8392 7.16544 15.1404 10.0018 15.1404C12.8384 15.1404 15.1396 12.8392 15.1396 10.0027C15.1396 7.1661 12.8384 4.86492 10.0018 4.86492ZM10.0018 13.3354C8.16173 13.3354 6.66912 11.8429 6.66912 10.0027C6.66912 8.16239 8.16173 6.66994 10.0018 6.66994C11.8421 6.66994 13.3346 8.16239 13.3346 10.0027C13.3346 11.8429 11.8421 13.3354 10.0018 13.3354Z" fill="currentColor"/>
+<path d="M15.3434 5.86078C16.0059 5.86078 16.5429 5.32372 16.5429 4.66135C16.5429 3.99884 16.0059 3.46192 15.3434 3.46192C14.681 3.46192 14.1439 3.99884 14.1439 4.66135C14.1439 5.32372 14.681 5.86078 15.3434 5.86078Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M19.9453 5.88007C19.8985 4.81739 19.7266 4.08681 19.4805 3.45375C19.2265 2.78177 18.8358 2.18015 18.3239 1.68002C17.8238 1.17211 17.2182 0.777437 16.554 0.527448C15.9173 0.281275 15.1905 0.109427 14.1278 0.0625734C13.0572 0.0117516 12.7174 0 10.002 0C7.28659 0 6.94671 0.0117516 5.88007 0.0586054C4.81739 0.105459 4.0868 0.27746 3.4539 0.52348C2.78177 0.777437 2.18015 1.16814 1.68002 1.68002C1.17211 2.18015 0.777589 2.78574 0.527448 3.44993C0.281275 4.08681 0.109427 4.81342 0.0625734 5.8761C0.0117516 6.94672 0 7.2866 0 10.002C0 12.7174 0.0117516 13.0572 0.0586053 14.1239C0.105459 15.1866 0.277459 15.9172 0.523632 16.5502C0.777589 17.2222 1.17211 17.8238 1.68002 18.3239C2.18015 18.8319 2.78574 19.2265 3.44993 19.4765C4.0868 19.7227 4.81342 19.8945 5.87625 19.9414C6.94274 19.9884 7.28278 20 9.99816 20C12.7135 20 13.0534 19.9884 14.1201 19.9414C15.1827 19.8945 15.9133 19.7227 16.5462 19.4765C17.8903 18.9569 18.953 17.8942 19.4727 16.5502C19.7187 15.9133 19.8907 15.1866 19.9376 14.1239C19.9844 13.0572 19.9962 12.7174 19.9962 10.002C19.9962 7.2866 19.9922 6.94672 19.9453 5.88007ZM18.1443 14.0458C18.1013 15.0225 17.9372 15.55 17.8004 15.9016C17.4644 16.7729 16.7729 17.4644 15.9016 17.8005C15.5499 17.9372 15.0187 18.1013 14.0457 18.1442C12.9908 18.1912 12.6745 18.2028 10.0059 18.2028C7.33741 18.2028 7.01707 18.1912 5.96599 18.1442C4.98923 18.1013 4.46179 17.9372 4.11015 17.8005C3.67657 17.6402 3.2819 17.3863 2.96155 17.0542C2.62946 16.7299 2.3755 16.3391 2.21525 15.9056C2.0785 15.5539 1.91444 15.0225 1.87155 14.0497C1.82455 12.9948 1.81295 12.6783 1.81295 10.0098C1.81295 7.34124 1.82455 7.02089 1.87155 5.96996C1.91444 4.99321 2.0785 4.46576 2.21525 4.11413C2.3755 3.68039 2.62946 3.28587 2.96552 2.96537C3.28968 2.63327 3.68038 2.37932 4.11412 2.21922C4.46575 2.08247 4.99717 1.91841 5.96996 1.87537C7.02485 1.82852 7.34138 1.81677 10.0098 1.81677C12.6822 1.81677 12.9986 1.82852 14.0497 1.87537C15.0265 1.91841 15.5539 2.08247 15.9055 2.21922C16.3391 2.37932 16.7338 2.63327 17.0541 2.96537C17.3862 3.28968 17.6402 3.68039 17.8004 4.11413C17.9372 4.46576 18.1013 4.99702 18.1443 5.96996C18.1911 7.02486 18.2029 7.34124 18.2029 10.0098C18.2029 12.6783 18.1911 12.9909 18.1443 14.0458Z" fill="currentColor"/>
+  </svg>
+);
+
+Instagram.displayName = "Instagram";
+export default Instagram;

package/src/design/KeyboardAlt.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const KeyboardAlt: 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 id="vector" d="M20 0H2C0.9 0 0 0.9 0 2V15C0 16.1 0.9 17 2 17H20C21.1 17 22 16.1 22 15V2C22 0.9 21.1 0 20 0ZM20 15H2V2H20V15ZM8 4H10V6H8V4ZM4 4H6V6H4V4ZM7 12H15V13H7V12ZM12 4H14V6H12V4ZM8 8H10V10H8V8ZM4 8H6V10H4V8ZM12 8H14V10H12V8ZM16 4H18V6H16V4ZM16 8H18V10H16V8Z" fill="currentColor"/>
+  </svg>
+);
+
+KeyboardAlt.displayName = "KeyboardAlt";
+export default KeyboardAlt;

package/src/design/KeyboardArrowDown.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const KeyboardArrowDown: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 12 7.41"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M1.41 0L6 4.58L10.59 0L12 1.41L6 7.41L0 1.41L1.41 0Z" fill="currentColor"/>
+  </svg>
+);
+
+KeyboardArrowDown.displayName = "KeyboardArrowDown";
+export default KeyboardArrowDown;

package/src/design/KeyboardArrowLeft.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const KeyboardArrowLeft: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 7.41 12"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M7.41 10.59L2.83 6L7.41 1.41L6 0L0 6L6 12L7.41 10.59Z" fill="currentColor"/>
+  </svg>
+);
+
+KeyboardArrowLeft.displayName = "KeyboardArrowLeft";
+export default KeyboardArrowLeft;

package/src/design/KeyboardArrowRight.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const KeyboardArrowRight: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 7.41 12"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M0 10.59L4.58 6L0 1.41L1.41 0L7.41 6L1.41 12L0 10.59Z" fill="currentColor"/>
+  </svg>
+);
+
+KeyboardArrowRight.displayName = "KeyboardArrowRight";
+export default KeyboardArrowRight;

package/src/design/KeyboardArrowUp.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const KeyboardArrowUp: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 12 7.41"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M1.41 7.41L6 2.83L10.59 7.41L12 6L6 0L0 6L1.41 7.41Z" fill="currentColor"/>
+  </svg>
+);
+
+KeyboardArrowUp.displayName = "KeyboardArrowUp";
+export default KeyboardArrowUp;

package/src/design/KeyboardVoice.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const KeyboardVoice: 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 9.99 10.66 9.99 9L10 3C10 1.34 8.66 0 7 0C5.34 0 4 1.34 4 3V9C4 10.66 5.34 12 7 12ZM5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1V2.9ZM7 14.1C9.76 14.1 12.3 12 12.3 9H14C14 12.42 11.28 15.24 8 15.72V19H6V15.72C2.72 15.23 0 12.41 0 9H1.7C1.7 12 4.24 14.1 7 14.1Z" fill="currentColor"/>
+  </svg>
+);
+
+KeyboardVoice.displayName = "KeyboardVoice";
+export default KeyboardVoice;

package/src/design/LightMode.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const LightMode: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 22 22"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M11 8C12.65 8 14 9.35 14 11C14 12.65 12.65 14 11 14C9.35 14 8 12.65 8 11C8 9.35 9.35 8 11 8ZM11 6C8.24 6 6 8.24 6 11C6 13.76 8.24 16 11 16C13.76 16 16 13.76 16 11C16 8.24 13.76 6 11 6ZM1 12H3C3.55 12 4 11.55 4 11C4 10.45 3.55 10 3 10H1C0.45 10 0 10.45 0 11C0 11.55 0.45 12 1 12ZM19 12H21C21.55 12 22 11.55 22 11C22 10.45 21.55 10 21 10H19C18.45 10 18 10.45 18 11C18 11.55 18.45 12 19 12ZM10 1V3C10 3.55 10.45 4 11 4C11.55 4 12 3.55 12 3V1C12 0.45 11.55 0 11 0C10.45 0 10 0.45 10 1ZM10 19V21C10 21.55 10.45 22 11 22C11.55 22 12 21.55 12 21V19C12 18.45 11.55 18 11 18C10.45 18 10 18.45 10 19ZM4.99 3.58C4.6 3.19 3.96 3.19 3.58 3.58C3.19 3.97 3.19 4.61 3.58 4.99L4.64 6.05C5.03 6.44 5.67 6.44 6.05 6.05C6.43 5.66 6.44 5.02 6.05 4.64L4.99 3.58ZM17.36 15.95C16.97 15.56 16.33 15.56 15.95 15.95C15.56 16.34 15.56 16.98 15.95 17.36L17.01 18.42C17.4 18.81 18.04 18.81 18.42 18.42C18.81 18.03 18.81 17.39 18.42 17.01L17.36 15.95ZM18.42 4.99C18.81 4.6 18.81 3.96 18.42 3.58C18.03 3.19 17.39 3.19 17.01 3.58L15.95 4.64C15.56 5.03 15.56 5.67 15.95 6.05C16.34 6.43 16.98 6.44 17.36 6.05L18.42 4.99ZM6.05 17.36C6.44 16.97 6.44 16.33 6.05 15.95C5.66 15.56 5.02 15.56 4.64 15.95L3.58 17.01C3.19 17.4 3.19 18.04 3.58 18.42C3.97 18.8 4.61 18.81 4.99 18.42L6.05 17.36Z" fill="currentColor"/>
+  </svg>
+);
+
+LightMode.displayName = "LightMode";
+export default LightMode;

package/src/design/LinearScale.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const LinearScale: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 5"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" d="M17.5 0C16.47 0 15.6 0.62 15.21 1.5H12.29C11.9 0.62 11.03 0 10 0C8.97 0 8.1 0.62 7.71 1.5H4.79C4.4 0.62 3.53 0 2.5 0C1.12 0 0 1.12 0 2.5C0 3.88 1.12 5 2.5 5C3.53 5 4.4 4.38 4.79 3.5H7.71C8.1 4.38 8.97 5 10 5C11.03 5 11.9 4.38 12.29 3.5H15.21C15.6 4.38 16.47 5 17.5 5C18.88 5 20 3.88 20 2.5C20 1.12 18.88 0 17.5 0Z" fill="currentColor"/>
+  </svg>
+);
+
+LinearScale.displayName = "LinearScale";
+export default LinearScale;

package/src/design/Link.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Link: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 10"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M9 8H5C3.35 8 2 6.65 2 5C2 3.35 3.35 2 5 2H9V0H5C2.24 0 0 2.24 0 5C0 7.76 2.24 10 5 10H9V8ZM15 0H11V2H15C16.65 2 18 3.35 18 5C18 6.65 16.65 8 15 8H11V10H15C17.76 10 20 7.76 20 5C20 2.24 17.76 0 15 0ZM14 4H6V6H14V4Z" fill="currentColor"/>
+  </svg>
+);
+
+Link.displayName = "Link";
+export default Link;

package/src/design/LinkOff.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const LinkOff: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 18.15"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M3.11 4.52L0 1.41L1.41 0L18.15 16.74L16.74 18.15L12.73 14.14H11V12.41L8.73 10.14H6V8.14H6.73L4.66 6.07C3.11 6.24 1.9 7.55 1.9 9.14C1.9 10.85 3.29 12.24 5 12.24H9V14.14H5C2.24 14.14 0 11.9 0 9.14C0 7.05 1.29 5.26 3.11 4.52ZM15 4.14H11V6.04H15C16.71 6.04 18.1 7.43 18.1 9.14C18.1 10.41 17.33 11.51 16.23 11.98L17.63 13.38C19.05 12.5 20 10.93 20 9.14C20 6.38 17.76 4.14 15 4.14ZM12.39 8.14L14 9.75V8.14H12.39Z" fill="currentColor"/>
+  </svg>
+);
+
+LinkOff.displayName = "LinkOff";
+export default LinkOff;

package/src/design/Logout.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Logout: React.FC<IconProps> = ({ size = 24, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 18"
+    fill="none"
+    {...props}
+  >
+    <path id="vector" fillRule="evenodd" clipRule="evenodd" d="M10 2L2 2L2 16L10 16V18H2C0.9 18 0 17.1 0 16V2C0 0.899999 0.900002 0 2 0H10L10 2ZM13.6 5.4L15 4L20 9L15 14L13.6 12.6L16.2 10H6V8H16.2L13.6 5.4Z" fill="currentColor"/>
+  </svg>
+);
+
+Logout.displayName = "Logout";
+export default Logout;

package/src/design/Map.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Map: 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="M17.34 0.03L17.5 0C17.78 0 18 0.22 18 0.5V15.62C18 15.85 17.85 16.03 17.64 16.1L12 18L6 15.9L0.66 17.97L0.5 18C0.22 18 0 17.78 0 17.5V2.38C0 2.15 0.15 1.97 0.36 1.9L6 0L12 2.1L17.34 0.03ZM11 3.86875L7 2.46875V14.1287L11 15.5288V3.86875ZM2 3.46L5 2.45V14.15L2 15.31V3.46ZM13 15.55L16 14.54V2.7L13 3.86V15.55Z" fill="currentColor"/>
+  </svg>
+);
+
+Map.displayName = "Map";
+export default Map;

package/src/design/Mapoptions.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Mapoptions: 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="M1.4 20L0 18.6L6.6 12H2V10H10V18H8V13.4L1.4 20ZM10 10V2H12V6.6L18.6 0L20 1.4L13.4 8H18V10H10Z" fill="currentColor"/>
+  </svg>
+);
+
+Mapoptions.displayName = "Mapoptions";
+export default Mapoptions;

package/src/design/Margin.tsx

@@ -0,0 +1,21 @@
+import React from "react";
+
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number | string;
+}
+
+const Margin: 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 0V18H18V0H0ZM16 16H2V2H16V16ZM8 4H10V6H8V4ZM4 4H6V6H4V4ZM12 4H14V6H12V4ZM4 8H6V10H4V8ZM8 8H10V10H8V8ZM12 8H14V10H12V8Z" fill="currentColor"/>
+  </svg>
+);
+
+Margin.displayName = "Margin";
+export default Margin;