@soul-refiner/design-system 0.0.26 → 0.1.2

package/src/icons/basic/text_bg_color.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const TextBGColor = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 1.33331H2.66732C1.93094 1.33331 1.33398 1.93027 1.33398 2.66665V13.3333C1.33398 14.0697 1.93094 14.6666 2.66732 14.6666H13.334C14.0704 14.6666 14.6673 14.0697 14.6673 13.3333V2.66665C14.6673 1.93027 14.0704 1.33331 13.334 1.33331ZM2.66732 13.3333V2.66665H13.334V13.3333H2.66732ZM9.86726 9.99998H6.13393L5.33398 12H4.00065L7.33398 3.99998H8.66732L12.0007 12H10.6673L9.86726 9.99998ZM8.00047 5.33331L9.3339 8.66665H6.66723L8.00047 5.33331Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/text_color.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const TextColor = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.2739 8.00002H5.72481L4.66602 10.6667H3.33268L7.33465 0.666687H8.66602L12.666 10.6667H11.3327L10.2739 8.00002ZM13.3327 13.3334C13.3327 12.597 12.7357 12 11.9993 12H3.99935C3.26297 12 2.66602 12.597 2.66602 13.3334V14C2.66602 14.7364 3.26297 15.3334 3.99935 15.3334H11.9993C12.7357 15.3334 13.3327 14.7364 13.3327 14V13.3334ZM3.99935 14V13.3334H11.9993V14H3.99935ZM7.99935 2.27139L9.74449 6.66669H6.25421L7.99935 2.27139Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/textbox.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const TextBox = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M7.66143 10.6927V7.05561H5.84288V5.84325H10.6923V7.05561H8.87379V10.6927H7.66143ZM1.59961 14.936V11.2989H2.81197V5.23707H1.59961V1.59998H5.2367V2.81234H11.2985V1.59998H14.9356V5.23707H13.7232V11.2989H14.9356V14.936H11.2985V13.7236H5.2367V14.936H1.59961ZM5.2367 12.5112H11.2985V11.2989H12.5109V5.23707H11.2985V4.0247H5.2367V5.23707H4.02434V11.2989H5.2367V12.5112ZM2.81197 4.0247H4.02434V2.81234H2.81197V4.0247ZM12.5109 4.0247H13.7232V2.81234H12.5109V4.0247ZM12.5109 13.7236H13.7232V12.5112H12.5109V13.7236ZM2.81197 13.7236H4.02434V12.5112H2.81197V13.7236Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/thumbs_down.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ThumbsDown = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.7587 10.3719C10.7079 10.2382 10.6557 10.1006 10.6372 10.0505L10.6186 9.99997H12.6673C13.9137 9.99997 14.6673 9.12163 14.6673 7.99997C14.6673 4.03759 13.8374 1.33331 12.0007 1.33331C12.0007 1.33331 7.34941 1.33346 7.33327 1.33311C6.89455 1.32525 6.33761 1.38694 5.77607 1.58785C5.53068 1.67565 5.30493 1.78488 5.10261 1.91577C4.86255 1.56413 4.45855 1.33331 4.00065 1.33331H2.66732C1.93094 1.33331 1.33398 1.93026 1.33398 2.66664V8.66664C1.33398 9.40302 1.93094 9.99997 2.66732 9.99997H4.00065C4.13289 9.99997 4.26063 9.98072 4.38123 9.94487C4.84583 10.6214 6.02106 11.9643 6.96533 13.0433C7.47731 13.6284 7.9214 14.1358 8.1475 14.4174L8.34765 14.6666H8.67245C9.07718 14.6667 9.42884 14.636 9.83284 14.5183C10.7286 14.2575 11.334 13.648 11.334 12.6666C11.334 12.3199 11.2726 11.9502 11.1595 11.5399C11.0846 11.2684 10.9921 10.9943 10.8654 10.654C10.8473 10.6054 10.8036 10.4904 10.7587 10.3721L10.7587 10.3719ZM5.33398 8.66664V3.99997C5.33398 3.39849 5.6353 3.05432 6.22524 2.84325C6.60773 2.7064 7.01757 2.661 7.31105 2.66624L11.0232 2.66663L12.0007 2.66664C12.6774 2.66664 13.334 4.80614 13.334 7.99997C13.334 8.42671 13.1281 8.66664 12.6673 8.66664H10.0007C9.20429 8.66664 9.03768 9.2824 9.20375 9.9491C9.24282 10.1059 9.29993 10.2785 9.38662 10.5129C9.40733 10.5689 9.46312 10.716 9.51534 10.8536L9.51594 10.8552L9.51618 10.8558C9.55923 10.9693 9.59971 11.076 9.61593 11.1195C9.73026 11.4264 9.81142 11.6669 9.87408 11.8942C9.95794 12.1984 10.0007 12.4556 10.0007 12.6666C10.0007 12.9673 9.8421 13.1269 9.46007 13.2381C9.29957 13.2849 9.14158 13.3106 8.97396 13.3232C8.62318 12.9039 8.12083 12.3308 7.60379 11.7409L7.60376 11.7409L7.60375 11.7408C6.60193 10.5979 5.54495 9.39197 5.42846 9.11998C5.36361 8.96857 5.33398 8.82677 5.33398 8.66664ZM2.66732 8.66664V2.66664H4.00065V8.66664H2.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/thumbs_up.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ThumbsUp = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 7.99943C14.6673 6.87778 13.9137 5.99943 12.6673 5.99943H10.6186L10.6372 5.94895C10.6556 5.89905 10.7075 5.76237 10.758 5.62924L10.7585 5.6279L10.7586 5.62753L10.7588 5.62721C10.8036 5.50902 10.8473 5.39398 10.8654 5.34537C10.9921 5.00513 11.0846 4.731 11.1595 4.45952C11.2726 4.04919 11.334 3.6795 11.334 3.33276C11.334 2.35143 10.7286 1.74191 9.83284 1.48109C9.42884 1.36345 9.07718 1.3327 8.66732 1.33276H8.34765L8.1475 1.58202C7.92141 1.86358 7.47733 2.37102 6.96536 2.95605L6.96533 2.95609L6.96532 2.9561C6.02082 4.03537 4.84525 5.3787 4.38089 6.05503C4.26039 6.01924 4.13277 6.00003 4.00065 6.00003H2.66732C1.93094 6.00003 1.33398 6.59698 1.33398 7.33336V13.3334C1.33398 14.0697 1.93094 14.6667 2.66732 14.6667H4.00065C4.45873 14.6667 4.86286 14.4357 5.1029 14.0838C5.30514 14.2146 5.5308 14.3238 5.77607 14.4115C6.33761 14.6125 6.89455 14.6742 7.35692 14.6657L12.0007 14.6661C13.8374 14.6661 14.6673 11.9618 14.6673 7.99943ZM6.22524 13.1562C5.6353 12.9451 5.33398 12.6009 5.33398 11.9994V7.33336V7.33276C5.33398 7.17263 5.36361 7.03084 5.42846 6.87942C5.54495 6.60743 6.60193 5.40153 7.60376 4.25856L7.60376 4.25855L7.60376 4.25855L7.60378 4.25854C8.12082 3.66864 8.62318 3.09551 8.97396 2.67618C9.14158 2.68876 9.29957 2.71452 9.46007 2.76125C9.8421 2.87249 10.0007 3.03211 10.0007 3.33276C10.0007 3.54382 9.95794 3.80097 9.87408 4.10517C9.81142 4.33248 9.73026 4.57301 9.61593 4.87987C9.59973 4.92336 9.55934 5.02982 9.51636 5.14311L9.51621 5.1435L9.51617 5.14359C9.46371 5.28187 9.40744 5.43018 9.38662 5.48646C9.29993 5.72088 9.24282 5.89347 9.20375 6.0503C9.03768 6.717 9.20429 7.33276 10.0007 7.33276H12.6673C13.1281 7.33276 13.334 7.57269 13.334 7.99943C13.334 11.1933 12.6774 13.3328 12.0007 13.3328H7.33398L7.30936 13.3332C7.01757 13.3384 6.60773 13.293 6.22524 13.1562ZM2.66732 13.3334V7.33336H4.00065V13.3334H2.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/thumbs_up_filled.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ThumbsUpFilled = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M4.84668 13.9751C4.47995 14.3987 3.93826 14.6667 3.33398 14.6667C2.22941 14.6667 1.33398 13.7713 1.33398 12.6667V8.00004C1.33398 6.89547 2.22941 6.00004 3.33398 6.00004C3.6216 6.00004 3.89504 6.06075 4.14219 6.17006L8.33398 1.33337C9.33398 1.33337 9.80065 1.40004 10.334 1.66671C11.0007 2.00004 11.334 2.66671 11.334 3.33337C11.334 4.00004 11.0007 5.33337 10.6673 6.00004H12.6673C13.6673 6.00004 14.6673 6.62522 14.6673 8.00004C14.6673 10.3334 14.334 14.6667 12.0007 14.6667H7.33398C6.25609 14.6667 5.45705 14.3879 4.84668 13.9751Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/toggle_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ToggleLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.3333 3.33331H4.66667C2.08934 3.33331 0 5.42265 0 7.99998C0 10.5773 2.08934 12.6666 4.66667 12.6666H11.3333C13.9107 12.6666 16 10.5773 16 7.99998C16 5.42265 13.9107 3.33331 11.3333 3.33331ZM1.33333 7.99998C1.33333 6.15903 2.82572 4.66665 4.66667 4.66665H11.3333C13.1743 4.66665 14.6667 6.15903 14.6667 7.99998C14.6667 9.84093 13.1743 11.3333 11.3333 11.3333H4.66667C2.82572 11.3333 1.33333 9.84093 1.33333 7.99998ZM4.66667 10.6666C3.19391 10.6666 2 9.47274 2 7.99998C2 6.52722 3.19391 5.33331 4.66667 5.33331C6.13943 5.33331 7.33333 6.52722 7.33333 7.99998C7.33333 9.47274 6.13943 10.6666 4.66667 10.6666ZM6 7.99998C6 8.73636 5.40305 9.33331 4.66667 9.33331C3.93029 9.33331 3.33333 8.73636 3.33333 7.99998C3.33333 7.2636 3.93029 6.66665 4.66667 6.66665C5.40305 6.66665 6 7.2636 6 7.99998Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/toggle_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ToggleRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.3333 3.33331H4.66667C2.08934 3.33331 0 5.42265 0 7.99998C0 10.5773 2.08934 12.6666 4.66667 12.6666H11.3333C13.9107 12.6666 16 10.5773 16 7.99998C16 5.42265 13.9107 3.33331 11.3333 3.33331ZM1.33333 7.99998C1.33333 6.15903 2.82572 4.66665 4.66667 4.66665H11.3333C13.1743 4.66665 14.6667 6.15903 14.6667 7.99998C14.6667 9.84093 13.1743 11.3333 11.3333 11.3333H4.66667C2.82572 11.3333 1.33333 9.84093 1.33333 7.99998ZM11.3333 10.6666C9.86057 10.6666 8.66667 9.47274 8.66667 7.99998C8.66667 6.52722 9.86057 5.33331 11.3333 5.33331C12.8061 5.33331 14 6.52722 14 7.99998C14 9.47274 12.8061 10.6666 11.3333 10.6666ZM12.6667 7.99998C12.6667 8.73636 12.0697 9.33331 11.3333 9.33331C10.597 9.33331 10 8.73636 10 7.99998C10 7.2636 10.597 6.66665 11.3333 6.66665C12.0697 6.66665 12.6667 7.2636 12.6667 7.99998Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/translate.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Translate = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M7.93268 14.6667L10.966 6.66671H12.366L15.3993 14.6667H13.9993L13.2993 12.6334H10.066L9.33268 14.6667H7.93268ZM10.466 11.4667H12.866L11.6993 8.16671H11.6327L10.466 11.4667ZM2.66602 12.6667L1.73268 11.7334L5.09935 8.36671C4.67713 7.90004 4.30779 7.41671 3.99135 6.91671C3.67446 6.41671 3.39935 5.88893 3.16602 5.33337H4.56602C4.76602 5.73337 4.98002 6.09449 5.20802 6.41671C5.43557 6.73893 5.71046 7.07782 6.03268 7.43337C6.52157 6.90004 6.92713 6.35293 7.24935 5.79204C7.57157 5.23071 7.84379 4.63337 8.06602 4.00004H0.666016V2.66671H5.33268V1.33337H6.66602V2.66671H11.3327V4.00004H9.39935C9.16602 4.78893 8.84935 5.5556 8.44935 6.30004C8.04935 7.04449 7.5549 7.74449 6.96602 8.40004L8.56602 10.0334L8.06602 11.4L5.99935 9.33337L2.66602 12.6667Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/trash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Trash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.18092 0.799988H10.1082C10.8312 0.799988 11.4173 1.38609 11.4173 2.10908V2.76362H13.3814C14.1044 2.76362 14.6905 3.34972 14.6905 4.07271V5.38181C14.6905 6.1048 14.1044 6.6909 13.3814 6.6909H13.3288L12.7267 13.8909C12.7267 14.6139 12.1406 15.2 11.4176 15.2H4.87213C4.14914 15.2 3.56304 14.6139 3.5653 13.9453L2.96077 6.6909H2.9087C2.18571 6.6909 1.59961 6.1048 1.59961 5.38181V4.07271C1.59961 3.34972 2.18571 2.76362 2.9087 2.76362H4.87183V2.10908C4.87183 1.38609 5.45793 0.799988 6.18092 0.799988ZM4.87172 13.8909L4.27379 6.69092H12.0149L11.4194 13.8366L11.4172 13.8909H4.87172ZM2.90819 5.38183V4.07274H13.3809V5.38183H2.90819ZM10.1092 2.10909V2.76364H6.18194V2.10909H10.1092Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/trash_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const TrashSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.18092 0.799988H10.1082C10.8312 0.799988 11.4173 1.38609 11.4173 2.10908V2.76362H13.3814C14.1044 2.76362 14.6905 3.34972 14.6905 4.07271V5.38181C14.6905 6.1048 14.1044 6.6909 13.3814 6.6909H13.3288L12.7267 13.8909C12.7267 14.6139 12.1406 15.2 11.4176 15.2H4.87213C4.14914 15.2 3.56304 14.6139 3.5653 13.9453L2.96077 6.6909H2.9087C2.18571 6.6909 1.59961 6.1048 1.59961 5.38181V4.07271C1.59961 3.34972 2.18571 2.76362 2.9087 2.76362H4.87183V2.10908C4.87183 1.38609 5.45793 0.799988 6.18092 0.799988ZM4.87172 13.8909L4.27379 6.69092H12.0149L11.4194 13.8366L11.4172 13.8909H4.87172ZM2.90819 5.38183V4.07274H13.3809V5.38183H2.90819ZM10.1092 2.10909V2.76364H6.18194V2.10909H10.1092ZM5.71864 8.46281L6.64431 7.53714L8.14511 9.03794L9.64592 7.53714L10.5716 8.46281L9.07078 9.96361L10.5716 11.4644L9.64592 12.3901L8.14511 10.8893L6.64431 12.3901L5.71864 11.4644L7.21945 9.96361L5.71864 8.46281Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/underline.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Underline = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M12.666 1.33331H11.3327V7.33331C11.3327 9.54245 10.2085 10.6666 7.99935 10.6666C5.79021 10.6666 4.66602 9.54245 4.66602 7.33331V1.33331H3.33268V7.33331C3.33268 10.2788 5.05383 12 7.99935 12C10.9449 12 12.666 10.2788 12.666 7.33331V1.33331ZM2.66602 13.3333V14.6666H13.3327V13.3333H2.66602Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/upload.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Upload = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66667 10.6667V3.60947L10.8619 5.80474L11.8047 4.86193L8 1.05719L4.19526 4.86193L5.13807 5.80474L7.33333 3.60947V10.6667H8.66667ZM14 13.3333V7.33333H12.6667V13.3333H3.33333V7.33333H2V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.403 14.6667 14 14.0697 14 13.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/video.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Video = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 3.33331H9.99935C10.7357 3.33331 11.3327 3.93027 11.3327 4.66665V5.58796L15.3327 3.58796V12.412L11.3327 10.412V11.3333C11.3327 12.0697 10.7357 12.6666 9.99935 12.6666H1.99935C1.26297 12.6666 0.666016 12.0697 0.666016 11.3333V4.66665C0.666016 3.93027 1.26297 3.33331 1.99935 3.33331ZM11.3327 8.92129L13.9993 10.2546V5.74534L11.3327 7.07867V8.92129ZM1.99935 4.66665V11.3333H9.99935V4.66665H1.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/video_add.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const VideoAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 3.33331H9.99935C10.7357 3.33331 11.3327 3.93027 11.3327 4.66665V5.58796L15.3327 3.58796V12.412L11.3327 10.412V11.3333C11.3327 12.0697 10.7357 12.6666 9.99935 12.6666H1.99935C1.26297 12.6666 0.666016 12.0697 0.666016 11.3333V4.66665C0.666016 3.93027 1.26297 3.33331 1.99935 3.33331ZM11.3327 8.92129L13.9993 10.2546V5.74534L11.3327 7.07867V8.92129ZM1.99935 4.66665V11.3333H9.99935V4.66665H1.99935Z"
+      />
+      <path d="M5.33268 10.6666H6.66602V8.66665H8.66602V7.33331H6.66602V5.33331H5.33268V7.33331H3.33268V8.66665H5.33268V10.6666Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/video_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const VideoSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.13812 0.195251L0.195312 1.13806L2.39057 3.33332H2.00005C1.26367 3.33332 0.666717 3.93028 0.666717 4.66666V11.3333C0.666717 12.0697 1.26367 12.6667 2.00005 12.6667H10C10.4681 12.6667 10.8799 12.4254 11.1178 12.0605L14.862 15.8047L15.8048 14.8619L1.13812 0.195251ZM10 10.9428L3.72391 4.66666H2.00005V11.3333H10V10.9428ZM11.3334 5.58797L15.3334 3.58797V12.2467L14 10.9134V5.74535L11.3334 7.07868V8.66718L10 7.33385V4.66666H7.33286L5.99953 3.33332H10C10.7364 3.33332 11.3334 3.93028 11.3334 4.66666V5.58797Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/zoom_in.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ZoomIn = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 6.66665C1.33398 9.61216 3.7218 12 6.66732 12C7.89979 12 9.03462 11.5819 9.93775 10.8799L13.5292 14.4714L14.4721 13.5286L10.8806 9.93707C11.5826 9.03395 12.0007 7.89912 12.0007 6.66665C12.0007 3.72113 9.61284 1.33331 6.66732 1.33331C3.7218 1.33331 1.33398 3.72113 1.33398 6.66665ZM6.66732 10.6666C8.87646 10.6666 10.6673 8.87579 10.6673 6.66665C10.6673 4.45751 8.87646 2.66665 6.66732 2.66665C4.45818 2.66665 2.66732 4.45751 2.66732 6.66665C2.66732 8.87579 4.45818 10.6666 6.66732 10.6666ZM6.00065 3.99998V5.99998H4.00065V7.33331H6.00065V9.33331H7.33398V7.33331H9.33398V5.99998H7.33398V3.99998H6.00065Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/zoom_out.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ZoomOut = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 6.66665C1.33398 9.61216 3.7218 12 6.66732 12C7.89979 12 9.03462 11.5819 9.93775 10.8799L13.5292 14.4714L14.4721 13.5286L10.8806 9.93707C11.5826 9.03395 12.0007 7.89912 12.0007 6.66665C12.0007 3.72113 9.61284 1.33331 6.66732 1.33331C3.7218 1.33331 1.33398 3.72113 1.33398 6.66665ZM6.66732 10.6666C8.87646 10.6666 10.6673 8.87579 10.6673 6.66665C10.6673 4.45751 8.87646 2.66665 6.66732 2.66665C4.45818 2.66665 2.66732 4.45751 2.66732 6.66665C2.66732 8.87579 4.45818 10.6666 6.66732 10.6666ZM6.00065 3.99998V5.99998H4.00065V7.33331H6.00065V9.33331H7.33398V7.33331H9.33398V5.99998H7.33398V3.99998H6.00065Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/data/bar_chart.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BarChart = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.66732 12.6667H5.33398V7.33333H2.66732V12.6667ZM6.66732 12.6667H9.33398V3.33333H6.66732V12.6667ZM10.6673 12.6667H13.334V8.66667H10.6673V12.6667ZM1.33398 14V6H5.33398V2H10.6673V7.33333H14.6673V14H1.33398Z" />
+    </Icon>
+  );
+};

package/src/icons/data/bar_chart_downward.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BarChartDownward = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M3.99935 13.3334C3.26297 13.3334 2.66602 12.7365 2.66602 12.0001V9.33342C2.66602 8.59704 3.26297 8.00008 3.99935 8.00008C4.73573 8.00008 5.33268 8.59703 5.33268 9.33341V12.0001C5.33268 12.7365 4.73573 13.3334 3.99935 13.3334ZM7.99935 13.3334C7.26297 13.3334 6.66602 12.7365 6.66602 12.0001V4.00008C6.66602 3.2637 7.26297 2.66675 7.99935 2.66675C8.73573 2.66675 9.33268 3.2637 9.33268 4.00008V12.0001C9.33268 12.7365 8.73573 13.3334 7.99935 13.3334ZM11.9993 13.3334C11.263 13.3334 10.666 12.7365 10.666 12.0001V7.33342C10.666 6.59704 11.263 6.00008 11.9993 6.00008C12.7357 6.00008 13.3327 6.59703 13.3327 7.33341V12.0001C13.3327 12.7365 12.7357 13.3334 11.9993 13.3334Z" />
+    </Icon>
+  );
+};

package/src/icons/data/bar_chart_downward_outline.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BarChartDownwardOutline = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M4.66667 11.3333H6V6.66667H4.66667V11.3333ZM7.33333 11.3333H8.66667V4.66667H7.33333V11.3333ZM10 11.3333H11.3333V8.66667H10V11.3333ZM3.33333 14C2.96667 14 2.65267 13.8696 2.39133 13.6087C2.13044 13.3473 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13044 2.65267 2.39133 2.39133C2.65267 2.13044 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3473 2.13044 13.6087 2.39133C13.8696 2.65267 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8696 13.3473 13.6087 13.6087C13.3473 13.8696 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z" />
+    </Icon>
+  );
+};

package/src/icons/data/bar_chart_upward.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BarChartUpward = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M3.99935 13.3334C3.26297 13.3334 2.66602 12.7365 2.66602 12.0001V7.33342C2.66602 6.59704 3.26297 6.00008 3.99935 6.00008C4.73573 6.00008 5.33268 6.59703 5.33268 7.33341V12.0001C5.33268 12.7365 4.73573 13.3334 3.99935 13.3334ZM7.99935 13.3334C7.26297 13.3334 6.66602 12.7365 6.66602 12.0001V4.00008C6.66602 3.2637 7.26297 2.66675 7.99935 2.66675C8.73573 2.66675 9.33268 3.2637 9.33268 4.00008V12.0001C9.33268 12.7365 8.73573 13.3334 7.99935 13.3334ZM11.9993 13.3334C11.263 13.3334 10.666 12.7365 10.666 12.0001V10.0001C10.666 9.2637 11.263 8.66675 11.9993 8.66675C12.7357 8.66675 13.3327 9.2637 13.3327 10.0001V12.0001C13.3327 12.7365 12.7357 13.3334 11.9993 13.3334Z" />
+    </Icon>
+  );
+};

package/src/icons/data/bar_chart_upward_outline.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BarChartUpwardOutline = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 2H13.9993C14.7357 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.7357 14 13.9993 14H1.99935C1.26297 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.26297 2 1.99935 2ZM1.99935 3.33333V12.6667H13.9993V3.33333H1.99935ZM4.66602 11.3333H5.99935V7.33333H4.66602V11.3333ZM8.66602 11.3333H7.33268V4.66667H8.66602V11.3333ZM9.99935 11.3333H11.3327V6.66667H9.99935V11.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/data/candlestick_chart.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CandlestickChart = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M4.66732 13.3334V12.0001H3.33398V4.00008H4.66732V2.66675H6.00065V4.00008H7.33398V12.0001H6.00065V13.3334H4.66732ZM4.66732 10.6667H6.00065V5.33341H4.66732V10.6667ZM10.0007 13.3334V10.0001H8.66732V5.33341H10.0007V2.66675H11.334V5.33341H12.6673V10.0001H11.334V13.3334H10.0007ZM10.0007 8.66675H11.334V6.66675H10.0007V8.66675Z" />
+    </Icon>
+  );
+};

package/src/icons/data/four_circles.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const FourCircles = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.33398 7.33325C2.67713 7.33325 1.33398 5.99011 1.33398 4.33325C1.33398 2.6764 2.67713 1.33325 4.33398 1.33325C5.99084 1.33325 7.33398 2.6764 7.33398 4.33325C7.33398 5.99011 5.99084 7.33325 4.33398 7.33325ZM1.33398 11.6666C1.33398 13.3234 2.67713 14.6666 4.33398 14.6666C5.99084 14.6666 7.33398 13.3234 7.33398 11.6666C7.33398 10.0097 5.99084 8.66658 4.33398 8.66658C2.67713 8.66658 1.33398 10.0097 1.33398 11.6666ZM8.66732 11.6666C8.66732 13.3234 10.0105 14.6666 11.6673 14.6666C13.3242 14.6666 14.6673 13.3234 14.6673 11.6666C14.6673 10.0097 13.3242 8.66658 11.6673 8.66658C10.0105 8.66658 8.66732 10.0097 8.66732 11.6666ZM8.66732 4.33325C8.66732 5.99011 10.0105 7.33325 11.6673 7.33325C13.3242 7.33325 14.6673 5.99011 14.6673 4.33325C14.6673 2.6764 13.3242 1.33325 11.6673 1.33325C10.0105 1.33325 8.66732 2.6764 8.66732 4.33325ZM11.6673 5.99992C12.5878 5.99992 13.334 5.25373 13.334 4.33325C13.334 3.41278 12.5878 2.66659 11.6673 2.66659C10.7468 2.66659 10.0007 3.41278 10.0007 4.33325C10.0007 5.25373 10.7468 5.99992 11.6673 5.99992ZM6.00065 4.33325C6.00065 5.25373 5.25446 5.99992 4.33398 5.99992C3.41351 5.99992 2.66732 5.25373 2.66732 4.33325C2.66732 3.41278 3.41351 2.66659 4.33398 2.66659C5.25446 2.66659 6.00065 3.41278 6.00065 4.33325ZM11.6673 13.3333C12.5878 13.3333 13.334 12.5871 13.334 11.6666C13.334 10.7461 12.5878 9.99992 11.6673 9.99992C10.7468 9.99992 10.0007 10.7461 10.0007 11.6666C10.0007 12.5871 10.7468 13.3333 11.6673 13.3333ZM6.00065 11.6666C6.00065 12.5871 5.25446 13.3333 4.33398 13.3333C3.41351 13.3333 2.66732 12.5871 2.66732 11.6666C2.66732 10.7461 3.41351 9.99992 4.33398 9.99992C5.25446 9.99992 6.00065 10.7461 6.00065 11.6666Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/data/index.ts

@@ -0,0 +1,20 @@
+export { BarChart } from './bar_chart';
+export { BarChartDownward } from './bar_chart_downward';
+export { BarChartDownwardOutline } from './bar_chart_downward_outline';
+export { BarChartUpward } from './bar_chart_upward';
+export { BarChartUpwardOutline } from './bar_chart_upward_outline';
+export { CandlestickChart } from './candlestick_chart';
+export { FourCircles } from './four_circles';
+export { LegendToggle } from './legend_toggle';
+export { LineChart } from './line_chart';
+export { LineChartArea } from './line_chart_area';
+export { LineChartAreaShaded } from './line_chart_area_shaded';
+export { LineChartDouble } from './line_chart_double';
+export { LineChartDownward } from './line_chart_downward';
+export { LineChartNode } from './line_chart_node';
+export { LineChartOutline } from './line_chart_outline';
+export { LineChartSearch } from './line_chart_search';
+export { LineChartStars } from './line_chart_stars';
+export { LineChartUpward } from './line_chart_upward';
+export { PieChart } from './pie_chart';
+export { Tree } from './tree';

package/src/icons/data/legend_toggle.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LegendToggle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.66602 12.6666V11.3333H13.3327V12.6666H2.66602ZM2.66602 9.99992V8.66659H13.3327V9.99992H2.66602ZM2.66602 7.33325V5.76659L6.66602 3.33325L9.99935 5.69992L13.3327 3.33325V4.96659L9.99935 7.33325L6.61602 4.93325L2.66602 7.33325Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChart = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.33398 12.6667L1.33398 11.6667L6.33398 6.66667L9.00065 9.33333L13.734 4L14.6673 4.93333L9.00065 11.3333L6.33398 8.66667L2.33398 12.6667Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_area.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartArea = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2 14V12.6667L3.33333 11.3333V14H2ZM4.66667 14V10L6 8.66667V14H4.66667ZM7.33333 14V8.66667L8.66667 10.0167V14H7.33333ZM10 14V10.0167L11.3333 8.68333V14H10ZM12.6667 14V7.33333L14 6V14H12.6667ZM2 10.55V8.66667L6.66667 4L9.33333 6.66667L14 2V3.88333L9.33333 8.55L6.66667 5.88333L2 10.55Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_area_shaded.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartAreaShaded = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2 13.3333V4.66667L4.66667 6.66667L8 2L11.3333 4.66667H14V13.3333H2ZM5.33333 11.3333L8 7.66667L12.6667 11.3V6H10.8667L8.26667 3.91667L4.96667 8.55L3.33333 7.33333V9.73333L5.33333 11.3333Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_double.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.33398 14.6667L1.33398 13.6667L6.33398 8.66667L9.00065 11.3333L13.734 6L14.6673 6.93333L9.00065 13.3333L6.33398 10.6667L2.33398 14.6667ZM2.33398 10.6667L1.33398 9.66667L6.33398 4.66667L9.00065 7.33333L13.734 2L14.6673 2.93333L9.00065 9.33333L6.33398 6.66667L2.33398 10.6667Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_downward.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartDownward = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M10.6673 12V10.6667H12.4007L8.93398 7.23333L6.26732 9.9L1.33398 4.93333L2.26732 4L6.26732 8L8.93398 5.33333L13.334 9.73333V8H14.6673V12H10.6673Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_node.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartNode = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.99935 12C1.63268 12 1.3189 11.8696 1.05802 11.6087C0.796682 11.3473 0.666016 11.0333 0.666016 10.6667C0.666016 10.3 0.796682 9.986 1.05802 9.72467C1.3189 9.46378 1.63268 9.33333 1.99935 9.33333H2.17468C2.22446 9.33333 2.27713 9.34444 2.33268 9.36667L5.36602 6.33333C5.34379 6.27778 5.33268 6.22489 5.33268 6.17467V6C5.33268 5.63333 5.46335 5.31933 5.72468 5.058C5.98557 4.79711 6.29935 4.66667 6.66602 4.66667C7.03268 4.66667 7.34668 4.79711 7.60802 5.058C7.8689 5.31933 7.99935 5.63333 7.99935 6C7.99935 6.02222 7.98824 6.13333 7.96602 6.33333L9.66602 8.03333C9.72157 8.01111 9.77446 8 9.82468 8H10.174C10.2242 8 10.2771 8.01111 10.3327 8.03333L12.6993 5.66667C12.6771 5.61111 12.666 5.55822 12.666 5.508V5.33333C12.666 4.96667 12.7965 4.65289 13.0573 4.392C13.3187 4.13067 13.6327 4 13.9993 4C14.366 4 14.68 4.13067 14.9413 4.392C15.2022 4.65289 15.3327 4.96667 15.3327 5.33333C15.3327 5.7 15.2022 6.01378 14.9413 6.27467C14.68 6.536 14.366 6.66667 13.9993 6.66667H13.8247C13.7745 6.66667 13.7216 6.65556 13.666 6.63333L11.2993 9C11.3216 9.05556 11.3327 9.10844 11.3327 9.15867V9.33333C11.3327 9.7 11.2022 10.0138 10.9413 10.2747C10.68 10.536 10.366 10.6667 9.99935 10.6667C9.63268 10.6667 9.3189 10.536 9.05802 10.2747C8.79668 10.0138 8.66602 9.7 8.66602 9.33333V9.15867C8.66602 9.10844 8.67713 9.05556 8.69935 9L6.99935 7.3C6.94379 7.32222 6.8909 7.33333 6.84068 7.33333H6.66602C6.64379 7.33333 6.53268 7.32222 6.33268 7.3L3.29935 10.3333C3.32157 10.3889 3.33268 10.4418 3.33268 10.492V10.6667C3.33268 11.0333 3.20202 11.3473 2.94068 11.6087C2.67979 11.8696 2.36602 12 1.99935 12Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_outline.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartOutline = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M4.93333 10.6667L6.96667 8.63333L8.3 9.96667L10.6667 7.61667V8.66667H12V5.33333H8.66667V6.66667H9.71667L8.3 8.08333L6.96667 6.75L4 9.73333L4.93333 10.6667ZM3.33333 14C2.96667 14 2.65267 13.8696 2.39133 13.6087C2.13044 13.3473 2 13.0333 2 12.6667V3.33333C2 2.96667 2.13044 2.65267 2.39133 2.39133C2.65267 2.13044 2.96667 2 3.33333 2H12.6667C13.0333 2 13.3473 2.13044 13.6087 2.39133C13.8696 2.65267 14 2.96667 14 3.33333V12.6667C14 13.0333 13.8696 13.3473 13.6087 13.6087C13.3473 13.8696 13.0333 14 12.6667 14H3.33333ZM3.33333 12.6667H12.6667V3.33333H3.33333V12.6667Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_search.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartSearch = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.74935 11.4501L0.666016 10.6667L3.99935 5.33342L5.99935 7.66675L8.66602 3.33341L10.4827 6.05008C10.2271 6.06119 9.98535 6.09164 9.75735 6.14141C9.52979 6.19164 9.3049 6.26119 9.08268 6.35008L8.71602 5.80008L6.18268 9.91675L4.16602 7.56675L1.74935 11.4501ZM14.3827 14.6667L12.2993 12.5834C12.0771 12.739 11.8298 12.8556 11.5573 12.9334C11.2853 13.0112 11.0049 13.0501 10.716 13.0501C9.88268 13.0501 9.17446 12.7583 8.59135 12.1747C8.00779 11.5916 7.71602 10.8834 7.71602 10.0501C7.71602 9.21675 8.00779 8.5083 8.59135 7.92475C9.17446 7.34164 9.88268 7.05008 10.716 7.05008C11.5493 7.05008 12.2578 7.34164 12.8413 7.92475C13.4245 8.5083 13.716 9.21675 13.716 10.0501C13.716 10.339 13.6771 10.6194 13.5993 10.8914C13.5216 11.1639 13.4049 11.4167 13.2493 11.6501L15.3327 13.7167L14.3827 14.6667ZM10.716 11.7167C11.1827 11.7167 11.5771 11.5556 11.8993 11.2334C12.2216 10.9112 12.3827 10.5167 12.3827 10.0501C12.3827 9.58342 12.2216 9.18897 11.8993 8.86675C11.5771 8.54453 11.1827 8.38341 10.716 8.38341C10.2493 8.38341 9.85491 8.54453 9.53268 8.86675C9.21046 9.18897 9.04935 9.58342 9.04935 10.0501C9.04935 10.5167 9.21046 10.9112 9.53268 11.2334C9.85491 11.5556 10.2493 11.7167 10.716 11.7167ZM12.1993 6.38341C11.9882 6.29453 11.7687 6.2223 11.5407 6.16675C11.3131 6.11119 11.0771 6.07786 10.8327 6.06675L14.2493 0.666748L15.3327 1.45008L12.1993 6.38341Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_stars.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartStars = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M5.66602 5.99992L4.93268 4.39992L3.33268 3.66659L4.93268 2.93325L5.66602 1.33325L6.39935 2.93325L7.99935 3.66659L6.39935 4.39992L5.66602 5.99992ZM9.99935 7.99992L9.36602 6.63325L7.99935 5.99992L9.36602 5.36659L9.99935 3.99992L10.6327 5.36659L11.9993 5.99992L10.6327 6.63325L9.99935 7.99992ZM2.66602 9.33325L2.03268 7.96659L0.666016 7.33325L2.03268 6.69992L2.66602 5.33325L3.29935 6.69992L4.66602 7.33325L3.29935 7.96659L2.66602 9.33325ZM2.99935 13.6666L1.99935 12.6666L6.99935 7.66659L9.66602 10.3333L14.3993 5.01659L15.3327 5.94992L9.66602 12.3333L6.99935 9.66659L2.99935 13.6666Z" />
+    </Icon>
+  );
+};

package/src/icons/data/line_chart_upward.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LineChartUpward = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.26732 12L1.33398 11.0667L6.26732 6.1L8.93398 8.76667L12.4007 5.33333H10.6673V4H14.6673V8H13.334V6.26667L8.93398 10.6667L6.26732 8L2.26732 12Z" />
+    </Icon>
+  );
+};

package/src/icons/data/pie_chart.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PieChart = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.93111 1.46516C9.95431 1.47013 9.97746 1.47524 10.0006 1.48048C12.2437 1.98948 14.0096 3.75532 14.5186 5.99849C14.5239 6.02159 14.529 6.04483 14.534 6.06803C14.6123 6.43347 14.6574 6.81125 14.6659 7.19806C14.6675 7.27168 14.6076 7.33182 14.534 7.33182H8.66732V1.46516C8.66732 1.39152 8.72746 1.33167 8.80108 1.33328C9.18789 1.34174 9.56567 1.38681 9.93111 1.46516ZM10.0007 5.99849V2.85834C11.5057 3.30629 12.6928 4.4934 13.1408 5.99849H10.0007Z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.00065 2.82118C8.00065 2.75321 7.94954 2.69596 7.88185 2.68983C7.70141 2.6735 7.51867 2.66516 7.33398 2.66516C4.02028 2.66516 1.33398 5.35145 1.33398 8.66516C1.33398 11.9789 4.02028 14.6652 7.33398 14.6652C10.6477 14.6652 13.334 11.9789 13.334 8.66516C13.334 8.48047 13.3256 8.29773 13.3093 8.11729C13.3032 8.0496 13.2459 7.99849 13.178 7.99849H8.00065V2.82118ZM2.66732 8.66516C2.66732 6.31417 4.40579 4.36923 6.66732 4.04575V9.33182H11.9534C11.6299 11.5934 9.68497 13.3318 7.33398 13.3318C4.75666 13.3318 2.66732 11.2425 2.66732 8.66516Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/data/tree.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Tree = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M10.0007 14V12H7.33398V5.33333H6.00065V7.33333H1.33398V2H6.00065V4H10.0007V2H14.6673V7.33333H10.0007V5.33333H8.66732V10.6667H10.0007V8.66667H14.6673V14H10.0007ZM11.334 6H13.334V3.33333H11.334V6ZM11.334 12.6667H13.334V10H11.334V12.6667ZM2.66732 6H4.66732V3.33333H2.66732V6Z" />
+    </Icon>
+  );
+};

package/src/icons/email/index.ts

@@ -0,0 +1,8 @@
+export { Mail } from './mail';
+export { MailCheck } from './mail_check';
+export { MailMinus } from './mail_minus';
+export { MailSend } from './mail_send';
+export { Send } from './send';
+export { SendClose } from './send_close';
+export { SendSchedule } from './send_schedule';
+export { SendText } from './send_text';

package/src/icons/email/mail.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Mail = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 2H13.9993C14.7357 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.7357 14 13.9993 14H1.99935C1.26297 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.26297 2 1.99935 2ZM1.99935 6.41207V12.6667H13.9993V6.41236L7.99933 9.41236L1.99935 6.41207ZM1.99935 4.92133L7.99936 7.92164L13.9993 4.92164V3.33333H1.99935V4.92133Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/email/mail_check.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MailCheck = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.54611 2.66663H13.4552C14.1246 2.66663 14.6673 3.20931 14.6673 3.87875V6.99996L13.334 8.33329V6.73847L8.00063 9.40515L2.66732 6.73823V12.1211H6.12522L7.5798 13.5757H2.54611C1.87667 13.5757 1.33398 13.033 1.33398 12.3636V3.87875C1.33398 3.20931 1.87667 2.66663 2.54611 2.66663ZM2.66732 5.38301L8.00065 8.04994L13.334 5.38328V4.12113H2.66732V5.38301ZM10.634 14.7L7.80065 11.8666L8.73398 10.9333L10.634 12.8333L14.4007 9.06663L15.334 9.99996L10.634 14.7Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/email/mail_minus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MailMinus = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.54611 2.54553H13.4552C14.1246 2.54553 14.6673 3.08822 14.6673 3.75765V7.76606C14.2513 7.56813 13.8069 7.43811 13.334 7.37599V6.61738L8.00063 9.28406L2.66732 6.61713V12H8.00065C8.00065 12.5152 8.07312 13.0001 8.21805 13.4546H2.54611C1.87667 13.4546 1.33398 12.9119 1.33398 12.2425V3.75765C1.33398 3.08822 1.87667 2.54553 2.54611 2.54553ZM2.66732 5.26191L8.00065 7.92885L13.334 5.26218V4.00004H2.66732V5.26191ZM12.6673 15.3334C11.7451 15.3334 10.9591 15.0085 10.3093 14.3587C9.6591 13.7085 9.33398 12.9223 9.33398 12C9.33398 11.0778 9.6591 10.2916 10.3093 9.64137C10.9591 8.9916 11.7451 8.66671 12.6673 8.66671C13.5895 8.66671 14.3758 8.9916 15.026 9.64137C15.6758 10.2916 16.0007 11.0778 16.0007 12C16.0007 12.9223 15.6758 13.7085 15.026 14.3587C14.3758 15.0085 13.5895 15.3334 12.6673 15.3334ZM10.6673 12.3334H14.6673V11.6667H10.6673V12.3334Z"
+      />
+    </Icon>
+  );
+};