@soul-refiner/design-system 0.0.25 → 0.1.0

package/src/icons/basic/plus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Plus = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66732 7.33331H14.6673V8.66665H8.66732V14.6666H7.33398V8.66665H1.33398V7.33331H7.33398V1.33331H8.66732V7.33331Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/plus_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PlusCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3334C3.94926 15.3334 0.666016 12.0501 0.666016 8.00002C0.666016 3.94993 3.94926 0.666687 7.99935 0.666687C12.0494 0.666687 15.3327 3.94993 15.3327 8.00002C15.3327 12.0501 12.0494 15.3334 7.99935 15.3334ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 8.00002C13.9993 4.68631 11.3131 2.00002 7.99935 2.00002C4.68564 2.00002 1.99935 4.68631 1.99935 8.00002C1.99935 11.3137 4.68564 14 7.99935 14ZM11.3327 7.33335H8.66602V4.66669H7.33268V7.33335H4.66602V8.66669H7.33268V11.3334H8.66602V8.66669H11.3327V7.33335Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/presentation.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Presentation = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.0007 2.66665V9.33331C14.0007 10.0697 13.4037 10.6666 12.6673 10.6666H8.66732V11.6225L11.677 13.4283L10.991 14.5716L8.66732 13.1774V14.6666H7.33398V13.1774L5.01031 14.5716L4.32432 13.4283L7.33398 11.6225V10.6666H3.33398C2.5976 10.6666 2.00065 10.0697 2.00065 9.33331V2.66665H1.33398V1.33331H14.6673V2.66665H14.0007ZM3.33398 2.66665V9.33331H12.6673V2.66665H3.33398ZM5.33398 7.99998H6.66732V5.33331H5.33398V7.99998ZM8.66732 7.99998H7.33398V3.99998H8.66732V7.99998ZM9.33398 7.99998H10.6673V5.99998H9.33398V7.99998Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/printer.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Printer = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 4.66665H4.00065V1.33331H12.0007V4.66665H13.334C14.0704 4.66665 14.6673 5.2636 14.6673 5.99998V11.3333C14.6673 12.0697 14.0704 12.6666 13.334 12.6666H12.0007V14.6666H4.00065V12.6666H2.66732C1.93094 12.6666 1.33398 12.0697 1.33398 11.3333V5.99998C1.33398 5.2636 1.93094 4.66665 2.66732 4.66665ZM10.6673 4.66665H5.33398V2.66665H10.6673V4.66665ZM13.334 5.99998V11.3333H12.0007V9.99998H4.00065V11.3333H2.66732V5.99998H13.334ZM10.6673 11.3333H5.33398V13.3333H10.6673V11.3333ZM12.6673 7.33331C12.6673 6.96512 12.3688 6.66665 12.0007 6.66665C11.6325 6.66665 11.334 6.96512 11.334 7.33331C11.334 7.7015 11.6325 7.99998 12.0007 7.99998C12.3688 7.99998 12.6673 7.7015 12.6673 7.33331Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/profile.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Profile = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 2C13.6876 2 14.0267 2.14048 14.2768 2.39052C14.5268 2.64057 14.6673 2.97971 14.6673 3.33333V12.6667C14.6673 13.0203 14.5268 13.3594 14.2768 13.6095C14.0267 13.8595 13.6876 14 13.334 14H2.66732C2.3137 14 1.97456 13.8595 1.72451 13.6095C1.47446 13.3594 1.33398 13.0203 1.33398 12.6667V3.33333C1.33398 2.97971 1.47446 2.64057 1.72451 2.39052C1.97456 2.14048 2.3137 2 2.66732 2H13.334ZM13.334 3.33333H2.66732V12.6667H13.334V3.33333ZM11.334 10C11.5039 10.0002 11.6673 10.0653 11.7909 10.1819C11.9145 10.2985 11.9888 10.458 11.9988 10.6276C12.0087 10.7972 11.9535 10.9643 11.8445 11.0946C11.7354 11.2249 11.5807 11.3086 11.412 11.3287L11.334 11.3333H4.66732C4.4974 11.3331 4.33396 11.2681 4.21041 11.1514C4.08685 11.0348 4.01249 10.8754 4.00254 10.7057C3.99258 10.5361 4.04777 10.3691 4.15683 10.2388C4.26589 10.1085 4.42059 10.0247 4.58932 10.0047L4.66732 10H11.334ZM6.66732 4.66667C7.02094 4.66667 7.36008 4.80714 7.61013 5.05719C7.86017 5.30724 8.00065 5.64638 8.00065 6V7.33333C8.00065 7.68696 7.86017 8.02609 7.61013 8.27614C7.36008 8.52619 7.02094 8.66667 6.66732 8.66667H5.33398C4.98036 8.66667 4.64122 8.52619 4.39118 8.27614C4.14113 8.02609 4.00065 7.68696 4.00065 7.33333V6C4.00065 5.64638 4.14113 5.30724 4.39118 5.05719C4.64122 4.80714 4.98036 4.66667 5.33398 4.66667H6.66732ZM11.334 7.33333C11.5108 7.33333 11.6804 7.40357 11.8054 7.5286C11.9304 7.65362 12.0007 7.82319 12.0007 8C12.0007 8.17681 11.9304 8.34638 11.8054 8.4714C11.6804 8.59643 11.5108 8.66667 11.334 8.66667H9.33398C9.15717 8.66667 8.9876 8.59643 8.86258 8.4714C8.73756 8.34638 8.66732 8.17681 8.66732 8C8.66732 7.82319 8.73756 7.65362 8.86258 7.5286C8.9876 7.40357 9.15717 7.33333 9.33398 7.33333H11.334ZM6.66732 6H5.33398V7.33333H6.66732V6ZM11.334 4.66667C11.5039 4.66686 11.6673 4.73192 11.7909 4.84857C11.9145 4.96521 11.9888 5.12464 11.9988 5.29426C12.0087 5.46389 11.9535 5.63092 11.8445 5.76122C11.7354 5.89152 11.5807 5.97526 11.412 5.99533L11.334 6H9.33398C9.16406 5.99981 9.00063 5.93475 8.87707 5.8181C8.75351 5.70146 8.67916 5.54203 8.6692 5.3724C8.65924 5.20278 8.71443 5.03575 8.82349 4.90545C8.93255 4.77514 9.08725 4.6914 9.25598 4.67133L9.33398 4.66667H11.334Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/pulse.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Pulse = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.54611 1.33331H13.4552C14.1246 1.33331 14.6673 1.99659 14.6673 2.81479L14.6673 7.33331V8.66665L14.6673 13.1852C14.6673 14.0034 14.1246 14.6666 13.4552 14.6666H2.54611C1.87667 14.6666 1.33398 14.0034 1.33398 13.1852V2.81479C1.33398 1.99659 1.87667 1.33331 2.54611 1.33331ZM13.334 7.33331V2.66665H2.66732V7.33331H4.94346L6.44244 8.8323L8.50879 4.01083L11.0007 7.33331H13.334ZM2.66732 8.66665H4.39118L6.89219 11.1677L8.82585 6.6558L10.334 8.66665H13.334V13.3333H2.66732V8.66665Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/qr_code.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const QRCode = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.28302 0.112569C1.71406 0.265529 1.2384 0.552178 0.852053 0.974933C0.421618 1.4459 0.168036 1.97476 0.0706133 2.60473C0.0290844 2.87346 0.00419556 3.52533 0.01536 4.05333L0.0355556 5.01333L0.693333 5.03381L1.35111 5.05422L1.35182 3.86048C1.35246 2.75783 1.36526 2.63929 1.51943 2.3082C1.69792 1.92491 2.02674 1.60249 2.39772 1.44697C2.55289 1.38197 2.94777 1.35111 3.62439 1.35111H4.62222V0.675556V0L3.64444 0.00469333C3.02812 0.00760889 2.52487 0.0475022 2.28302 0.112569ZM11.9467 0.675556V1.35111H12.6709C13.2599 1.35111 13.4524 1.37884 13.7018 1.49959C14.0775 1.68149 14.4558 2.11001 14.5663 2.47879C14.6142 2.63851 14.6489 3.23655 14.6489 3.90158V5.04889H15.3244H16L15.9996 4C15.9994 3.42315 15.9686 2.76487 15.9314 2.53717C15.8352 1.94972 15.5666 1.41063 15.1513 0.97152C14.5074 0.290702 13.7462 0 12.6073 0H11.9467V0.675556ZM3.48444 5.12V6.75556H5.12H6.75556V5.12V3.48444H5.12H3.48444V5.12ZM7.60889 3.91111V4.33778H8H8.39111V3.91111V3.48444H8H7.60889V3.91111ZM9.24444 5.12V6.75556H10.88H12.5156V5.12V3.48444H10.88H9.24444V5.12ZM5.97333 5.12V5.97333H5.12H4.26667V5.12V4.26667H5.12H5.97333V5.12ZM11.7333 5.12V5.97333H10.88H10.0267V5.12V4.26667H10.88H11.7333V5.12ZM7.59282 6.34667L7.57333 7.57333L7.16444 7.59467L6.75556 7.616V8.00356V8.39111H7.18222H7.60889V8.78222V9.17333H8H8.39111V9.6V10.0267H8H7.60889V11.2356V12.4444H7.99765H8.38642L8.40654 11.6444L8.42667 10.8444L8.83556 10.8231L9.24444 10.8018V9.98756V9.17333H9.67111H10.0978V8.78222V8.39111H10.4889H10.88V8V7.60889H10.4533H10.0267V8V8.39111H9.63556H9.24444V8.00356V7.616L8.83556 7.59467L8.42667 7.57333L8.40718 6.34667L8.38777 5.12H8H7.61223L7.59282 6.34667ZM8.39111 7.96444V8.39111H8H7.60889V7.96444V7.53778H8H8.39111V7.96444ZM3.48444 8V8.39111H3.91111H4.33778V8V7.60889H3.91111H3.48444V8ZM5.12 8V8.39111H5.54667H5.97333V8V7.60889H5.54667H5.12V8ZM11.6622 8V8.39111H12.0889H12.5156V8V7.60889H12.0889H11.6622V8ZM10.8646 9.26222L10.8444 10.0622L10.4356 10.0836L10.0267 10.1049V10.4924V10.88H9.63556H9.24444V11.6622V12.4444H10.0622H10.88V12.0467V11.6491L10.4888 11.6734L10.0976 11.6978L10.0977 11.2889L10.0978 10.88H10.9156H11.7333V10.4533V10.0267H12.1244H12.5156V9.63556V9.24444H12.1244H11.7333V8.85333V8.46222H11.309H10.8847L10.8646 9.26222ZM3.48444 10.88V12.5156H5.12H6.75556V10.88V9.24444H5.12H3.48444V10.88ZM5.97333 10.88V11.7333H5.12H4.26667V10.88V10.0267H5.12H5.97333V10.88ZM0.000568889 11.8578C0.000853333 12.4737 0.0337067 13.1858 0.0736 13.44C0.176 14.0924 0.490667 14.6965 0.958649 15.1391C1.39399 15.5508 1.91502 15.8201 2.48604 15.9283C2.69383 15.9678 3.25952 16 3.743 16H4.62222V15.3244V14.6489H3.61358C2.73607 14.6489 2.56505 14.6295 2.29817 14.5004C1.92249 14.3185 1.54418 13.89 1.43367 13.5212C1.38453 13.3573 1.35111 12.7378 1.35111 11.9918V10.7378H0.675556H0L0.000568889 11.8578ZM14.6482 12.0356C14.6475 13.2474 14.6364 13.3571 14.4806 13.6918C14.3021 14.0751 13.9733 14.3975 13.6023 14.553C13.4618 14.6118 13.098 14.6489 12.6601 14.6489H11.9467V15.3244V16H12.6073C13.7462 16 14.5074 15.7093 15.1513 15.0285C15.3486 14.8199 15.5873 14.4802 15.6819 14.2736C15.913 13.7687 15.9969 13.1196 15.9986 11.8222L16 10.7378H15.3244H14.6489L14.6482 12.0356ZM11.7097 11.7097C11.6836 11.7357 11.6622 11.9277 11.6622 12.1363V12.5156H12.0889H12.5156V12.0889V11.6622H12.1363C11.9277 11.6622 11.7357 11.6836 11.7097 11.7097Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/resize.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Resize = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.6338 2.1818L2.18143 13.6342L0.484375 11.9371L11.9368 0.484741L13.6338 2.1818ZM15.5149 8.97082L8.9707 15.515L7.27364 13.818L13.8179 7.27376L15.5149 8.97082Z"
+      />
+    </Icon>
+  );
+};
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path fill-rule="evenodd" clip-rule="evenodd" fill="#4A4F55" />
+</svg>;

package/src/icons/basic/scan.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Scan = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.6673 1.33331H13.4552C14.1246 1.33331 14.6673 1.93027 14.6673 2.66665V5.33331H13.334V2.66665H10.6673V1.33331ZM1.33398 8.66665V7.33331H14.6673V8.66665H1.33398ZM10.6673 14.6666V13.3333H13.334V10.6666H14.6673V13.3333C14.6673 14.0697 14.1246 14.6666 13.4552 14.6666H10.6673ZM2.54611 14.6666H5.33398V13.3333H2.66732V10.6666H1.33398V13.3333C1.33398 14.0697 1.87667 14.6666 2.54611 14.6666ZM5.33398 2.66665V1.33331H2.54611C1.87667 1.33331 1.33398 1.93027 1.33398 2.66665V5.33331H2.66732V2.66665H5.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/scissors.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Scissors = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.871 0.960999L12.977 1.70563L8.80367 7.90451L10.3701 10.2312C10.6689 10.1155 10.9937 10.052 11.3333 10.052C12.8061 10.052 14 11.2459 14 12.7186C14 14.1914 12.8061 15.3853 11.3333 15.3853C9.86057 15.3853 8.66667 14.1914 8.66667 12.7186C8.66667 12.0682 8.89958 11.4721 9.28655 11.0092L8 9.09824L6.71345 11.0092C7.10042 11.4721 7.33333 12.0682 7.33333 12.7186C7.33333 14.1914 6.13943 15.3853 4.66667 15.3853C3.19391 15.3853 2 14.1914 2 12.7186C2 11.2459 3.19391 10.052 4.66667 10.052C5.00631 10.052 5.33112 10.1155 5.62987 10.2312L7.19633 7.90451L3.02298 1.70563L4.12902 0.960999L8 6.71077L11.871 0.960999ZM6 12.7186C6 13.455 5.40305 14.052 4.66667 14.052C3.93029 14.052 3.33333 13.455 3.33333 12.7186C3.33333 11.9823 3.93029 11.3853 4.66667 11.3853C5.40305 11.3853 6 11.9823 6 12.7186ZM12.6667 12.7186C12.6667 13.455 12.0697 14.052 11.3333 14.052C10.597 14.052 10 13.455 10 12.7186C10 11.9823 10.597 11.3853 11.3333 11.3853C12.0697 11.3853 12.6667 11.9823 12.6667 12.7186Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/screenshot.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Screenshot = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 14C1.26297 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.26297 2 1.99935 2H13.9993C14.7357 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.7357 14 13.9993 14H1.99935ZM13.9993 3.33333H1.99935V12.6667H13.9993V3.33333ZM7.33268 4.66667C6.85299 4.66667 6.44824 4.87056 6.12223 5.19179C6.07402 5.23928 6.02994 5.2867 5.98981 5.33333H5.59935C4.70502 5.33333 3.99935 6.08941 3.99935 7V9.66667C3.99935 10.5773 4.70502 11.3333 5.59935 11.3333H10.3993C11.2937 11.3333 11.9993 10.5773 11.9993 9.66667V7C11.9993 6.08941 11.2937 5.33333 10.3993 5.33333H10.0089C9.96876 5.2867 9.92467 5.23928 9.87647 5.19179C9.55046 4.87056 9.14571 4.66667 8.66602 4.66667H7.33268ZM7.33268 6C7.24642 6 7.1549 6.0461 7.05804 6.14154C6.98629 6.21224 6.93668 6.28399 6.92178 6.3121L6.73393 6.66667H5.59935C5.46274 6.66667 5.33268 6.80602 5.33268 7V9.66667C5.33268 9.86065 5.46274 10 5.59935 10H10.3993C10.536 10 10.666 9.86065 10.666 9.66667V7C10.666 6.80602 10.536 6.66667 10.3993 6.66667H9.26477L9.07692 6.3121C9.06202 6.28399 9.01241 6.21224 8.94066 6.14154C8.8438 6.0461 8.75228 6 8.66601 6H7.33268ZM6.66602 8C6.66602 8.73638 7.26297 9.33333 7.99935 9.33333C8.73573 9.33333 9.33268 8.73638 9.33268 8C9.33268 7.26362 8.73573 6.66667 7.99935 6.66667C7.26297 6.66667 6.66602 7.26362 6.66602 8Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/search.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Search = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 12C3.7218 12 1.33398 9.61216 1.33398 6.66665C1.33398 3.72113 3.7218 1.33331 6.66732 1.33331C9.61284 1.33331 12.0007 3.72113 12.0007 6.66665C12.0007 7.89912 11.5826 9.03395 10.8806 9.93707L14.4721 13.5286L13.5292 14.4714L9.93775 10.8799C9.03462 11.5819 7.89979 12 6.66732 12ZM10.6673 6.66665C10.6673 8.87579 8.87646 10.6666 6.66732 10.6666C4.45818 10.6666 2.66732 8.87579 2.66732 6.66665C2.66732 4.45751 4.45818 2.66665 6.66732 2.66665C8.87646 2.66665 10.6673 4.45751 10.6673 6.66665Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/select_item.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SelectItem = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.66732 2.66665V12H6.00065V13.3333H2.00065C1.63246 13.3333 1.33398 13.0348 1.33398 12.6666V1.99998C1.33398 1.63179 1.63246 1.33331 2.00065 1.33331H12.6673C13.0355 1.33331 13.334 1.63179 13.334 1.99998V5.99998H12.0007V2.66665H2.66732Z" />
+      <path d="M14.6673 13.7098L9.73313 8.77561H12.8358V7.42246H7.42316V12.8351H8.77631V9.73244L13.7105 14.6666L14.6673 13.7098Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/settings.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Settings = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.4368 13.9314L13.9149 12.4533L13.3943 10.562L13.6211 10.0203L15.3327 9.05457V6.96432L13.626 5.99451L13.403 5.4538L13.9301 3.56159L12.451 2.08457L10.5595 2.60501L10.0191 2.3784L9.05323 0.666687H6.96297L5.99316 2.37338L5.45258 2.59633L3.56067 2.06856L2.08382 3.54541L2.60433 5.43714L2.37773 5.97758L0.666016 6.94345V9.0331L2.37117 10.0051L2.59436 10.5462L2.06733 12.4381L3.54474 13.9156L5.43647 13.395L5.97697 13.6217L6.94286 15.3327H9.03258L10.0038 13.6275L10.5449 13.4043L12.4368 13.9314ZM12.5678 9.08376L11.9866 10.4719L12.4235 12.0591L12.0445 12.438L10.4607 11.9968L9.07199 12.5695L8.25757 13.9993H7.72129L6.91362 12.5686L5.52705 11.9872L3.93899 12.4242L3.5607 12.0459L4.00192 10.4621L3.42923 9.07345L1.99935 8.25839V7.72205L3.43075 6.91435L4.01215 5.52772L3.57518 3.93966L3.95269 3.56216L5.53652 4.00399L6.92571 3.43106L7.73888 2.00002H8.27463L9.08232 3.43142L10.469 4.01282L12.0573 3.57577L12.4366 3.95446L11.9954 5.53799L12.5683 6.92706L13.9993 7.74023V8.27597L12.5678 9.08376ZM7.99935 10.6667C6.52659 10.6667 5.33268 9.47278 5.33268 8.00002C5.33268 6.52726 6.52659 5.33335 7.99935 5.33335C9.47211 5.33335 10.666 6.52726 10.666 8.00002C10.666 9.47278 9.47211 10.6667 7.99935 10.6667ZM9.33268 8.00002C9.33268 8.7364 8.73573 9.33335 7.99935 9.33335C7.26297 9.33335 6.66602 8.7364 6.66602 8.00002C6.66602 7.26364 7.26297 6.66669 7.99935 6.66669C8.73573 6.66669 9.33268 7.26364 9.33268 8.00002Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/share.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Share = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.33398 3.99998C9.33398 4.1916 9.35419 4.37849 9.3926 4.55865L6.01195 6.24898C5.52307 5.6879 4.80327 5.33331 4.00065 5.33331C2.52789 5.33331 1.33398 6.52722 1.33398 7.99998C1.33398 9.47274 2.52789 10.6666 4.00065 10.6666C4.80327 10.6666 5.52307 10.3121 6.01195 9.75098L9.3926 11.4413C9.35419 11.6215 9.33398 11.8084 9.33398 12C9.33398 13.4727 10.5279 14.6666 12.0007 14.6666C13.4734 14.6666 14.6673 13.4727 14.6673 12C14.6673 10.5272 13.4734 9.33331 12.0007 9.33331C11.198 9.33331 10.4782 9.6879 9.98936 10.249L6.6087 8.55865C6.64711 8.37849 6.66732 8.1916 6.66732 7.99998C6.66732 7.80836 6.64711 7.62147 6.6087 7.44131L9.98936 5.75098C10.4782 6.31206 11.198 6.66665 12.0007 6.66665C13.4734 6.66665 14.6673 5.47274 14.6673 3.99998C14.6673 2.52722 13.4734 1.33331 12.0007 1.33331C10.5279 1.33331 9.33398 2.52722 9.33398 3.99998ZM5.33398 7.99998C5.33398 8.73636 4.73703 9.33331 4.00065 9.33331C3.26427 9.33331 2.66732 8.73636 2.66732 7.99998C2.66732 7.2636 3.26427 6.66665 4.00065 6.66665C4.73703 6.66665 5.33398 7.2636 5.33398 7.99998ZM12.0007 5.33331C12.737 5.33331 13.334 4.73636 13.334 3.99998C13.334 3.2636 12.737 2.66665 12.0007 2.66665C11.2643 2.66665 10.6673 3.2636 10.6673 3.99998C10.6673 4.73636 11.2643 5.33331 12.0007 5.33331ZM13.334 12C13.334 12.7364 12.737 13.3333 12.0007 13.3333C11.2643 13.3333 10.6673 12.7364 10.6673 12C10.6673 11.2636 11.2643 10.6666 12.0007 10.6666C12.737 10.6666 13.334 11.2636 13.334 12Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/share_external.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ShareExternal = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.8028 9.13807L12.6647 4.27614V7.33333H13.9981V2H8.66473V3.33333H11.7219L6.86 8.19526L7.8028 9.13807ZM12.6667 12.6667V9.33333H11.3333V12.6667H3.33333V4.66667H6.66667V3.33333H3.33333C2.59695 3.33333 2 3.93029 2 4.66667V12.6667C2 13.403 2.59695 14 3.33333 14H11.3333C12.0697 14 12.6667 13.403 12.6667 12.6667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/square.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Square = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 2.53331H2.66732C2.59368 2.53331 2.53398 2.59301 2.53398 2.66665V13.3333C2.53398 13.407 2.59368 13.4666 2.66732 13.4666H13.334C13.4076 13.4666 13.4673 13.407 13.4673 13.3333V2.66665C13.4673 2.59301 13.4076 2.53331 13.334 2.53331ZM2.66732 1.33331C1.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.33331H2.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/star.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Star = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.68012 9.93475L3.81136 15L8.36023 12.6085L12.9091 15L12.0404 9.93475L15.7205 6.34752L10.6347 5.60851L8.36023 0.999999L6.0858 5.60851L1 6.34752L4.68012 9.93475ZM10.6835 9.49399L11.232 12.6921L8.35997 11.1822L5.48789 12.6921L6.03641 9.49399L3.71285 7.22908L6.92393 6.76249L8.35997 3.85276L9.796 6.76249L13.0071 7.22908L10.6835 9.49399Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/star_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const StarCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 8.00002C0.666016 12.0501 3.94926 15.3334 7.99935 15.3334C12.0494 15.3334 15.3327 12.0501 15.3327 8.00002C15.3327 3.94993 12.0494 0.666687 7.99935 0.666687C3.94926 0.666687 0.666016 3.94993 0.666016 8.00002ZM13.9993 8.00002C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 8.00002C1.99935 4.68631 4.68564 2.00002 7.99935 2.00002C11.3131 2.00002 13.9993 4.68631 13.9993 8.00002ZM5.05381 11.9591L5.61636 8.67918L3.23338 6.35634L6.52658 5.87781L7.99935 2.89366L9.47212 5.87781L12.7653 6.35634L10.3823 8.67918L10.9449 11.9591L7.99935 10.4105L5.05381 11.9591ZM9.17404 9.52172L7.99935 8.90415L6.82466 9.52172L7.049 8.21368L6.09866 7.28733L7.412 7.09649L7.99935 5.90639L8.5867 7.09649L9.90004 7.28733L8.9497 8.21368L9.17404 9.52172Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/star_filled.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const StarFilled = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M3.81842 15L5.01579 9.82368L1 6.34211L6.30526 5.88158L8.36842 1L10.4316 5.88158L15.7368 6.34211L11.7211 9.82368L12.9184 15L8.36842 12.2553L3.81842 15Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/star_filled_half.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const StarFilledHalf = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.5458 14.6776L4.3325 10.0908L1 6.84241L1.00896 6.8411L1 6.83333L1.1551 6.81987L5.6054 6.1732L7.665 2L7.6659 2.00182L7.66667 2L7.66718 2.0012V2.00441L9.7246 6.1732L14.33 6.84241L10.9975 10.0908L11.7842 14.6776L7.665 12.512L3.5458 14.6776ZM7.66718 11.2215V4.58779L8.96535 7.21818L11.8731 7.6407L9.76904 9.69167L10.2657 12.5877L7.66718 11.2215Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/star_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const StarSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.56711 5.51036L0.861509 1.80476L1.80432 0.861949L15.1377 14.1953L14.1948 15.1381L12.4864 13.4297L12.8036 15.2788L7.99958 12.7532L3.19559 15.2788L4.11307 9.92949L0.226562 6.14108L4.56711 5.51036ZM10.8536 11.7968L11.0327 12.8415L7.99958 11.2468L4.96643 12.8415L5.54571 9.464L3.09184 7.07207L5.74351 6.68676L10.8536 11.7968ZM12.9073 7.07207L11.3749 8.56583L12.3178 9.50872L15.7726 6.14108L10.4016 5.36063L7.99958 0.493652L6.44752 3.63848L7.44306 4.63402L7.99958 3.50639L9.51615 6.5793L12.9073 7.07207Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/sticker.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Sticker = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3334C3.94926 15.3334 0.666016 12.0501 0.666016 8.00002C0.666016 3.94993 3.94926 0.666687 7.99935 0.666687H8.27549L15.3327 7.72388V8.00002C15.3327 12.0501 12.0494 15.3334 7.99935 15.3334ZM1.99935 8.00002C1.99935 11.3137 4.68564 14 7.99935 14C10.8703 14 13.2703 11.9836 13.8604 9.28978C13.3795 9.41609 12.8793 9.4815 12.3697 9.4815C9.13783 9.4815 6.51787 6.86154 6.51787 3.62965C6.51787 3.12004 6.58328 2.61991 6.70958 2.13898C4.01574 2.72908 1.99935 5.12907 1.99935 8.00002ZM8.04358 2.32039C7.91702 2.73943 7.8512 3.17942 7.8512 3.62965C7.8512 6.12516 9.87421 8.14817 12.3697 8.14817C12.82 8.14817 13.2599 8.08235 13.679 7.95579L8.04358 2.32039Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/strikethrough.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Strikethrough = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M8.10321 14.6666C7.2941 14.6666 6.58185 14.3799 5.96646 13.8064C5.35108 13.233 4.89524 12.4444 4.59894 11.4408L5.71005 10.8602C5.89239 11.5197 6.18868 12.0682 6.59894 12.5058C7.0092 12.9428 7.51632 13.1613 8.12031 13.1613C8.65592 13.1613 9.14891 12.9927 9.59928 12.6555C10.0492 12.3188 10.2742 11.7849 10.2742 11.0537C10.2742 10.724 10.2315 10.4407 10.1463 10.2038C10.0606 9.96758 9.94367 9.74908 9.79552 9.54837H11.1972C11.277 9.73475 11.3397 9.95324 11.3853 10.2038C11.4309 10.455 11.4536 10.7383 11.4536 11.0537C11.4536 12.2007 11.1232 13.0896 10.4622 13.7204C9.80122 14.3512 9.0149 14.6666 8.10321 14.6666ZM1.33398 7.82794V6.53761H14.6673V7.82794H1.33398ZM8.03484 1.33331C8.7186 1.33331 9.31119 1.5303 9.81262 1.92428C10.314 2.31883 10.7186 2.93188 11.0263 3.76342L9.93227 4.36557C9.79552 3.96414 9.5733 3.60916 9.26561 3.30062C8.95792 2.99267 8.55336 2.83869 8.05193 2.83869C7.47074 2.83869 7.0035 3.02507 6.65022 3.39783C6.29695 3.77059 6.12601 4.24371 6.1374 4.81718H4.95792C4.92373 3.88528 5.19153 3.07152 5.76133 2.37589C6.33114 1.68084 7.08897 1.33331 8.03484 1.33331Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/subtask.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SubTask = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 3.33329C2 2.9651 2.29848 2.66663 2.66667 2.66663H5.33333C5.70152 2.66663 6 2.9651 6 3.33329C6 3.70148 5.70152 3.99996 5.33333 3.99996H4.66667V5.33329H7.33333C7.33333 4.97967 7.47381 4.64053 7.72386 4.39048C7.97391 4.14044 8.31304 3.99996 8.66667 3.99996H12.6667C13.0203 3.99996 13.3594 4.14043 13.6095 4.39048C13.8595 4.64053 14 4.97967 14 5.33329V6.66663C14 7.02025 13.8595 7.35939 13.6095 7.60943C13.3594 7.85948 13.0203 7.99996 12.6667 7.99996H8.66667C8.31304 7.99996 7.97391 7.85948 7.72386 7.60943C7.47381 7.35939 7.33333 7.02025 7.33333 6.66663H4.66667V10.6666H7.33333C7.33333 10.313 7.47381 9.97387 7.72386 9.72382C7.97391 9.47377 8.31304 9.33329 8.66667 9.33329H12.6667C13.0203 9.33329 13.3594 9.47377 13.6095 9.72382C13.8595 9.97387 14 10.313 14 10.6666V12C14 12.3536 13.8595 12.6927 13.6095 12.9428C13.3594 13.1928 13.0203 13.3333 12.6667 13.3333H8.66667C8.31305 13.3333 7.97391 13.1928 7.72386 12.9428C7.47381 12.6927 7.33333 12.3536 7.33333 12H4.66667C4.31305 12 3.97391 11.8595 3.72386 11.6094C3.47381 11.3594 3.33333 11.0202 3.33333 10.6666V3.99996H2.66667C2.29848 3.99996 2 3.70148 2 3.33329ZM8.66667 12H12.6667V10.6666H8.66667V12ZM8.66667 6.66663H12.6667V5.33329H8.66667V6.66663Z"
+      />
+    </Icon>
+  );
+};
+<svg
+  width="16"
+  height="16"
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+></svg>;

package/src/icons/basic/tax.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Tax = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.4708 4.86197C10.7311 5.12232 10.7311 5.54443 10.4708 5.80478L6.47075 9.80478C6.2104 10.0651 5.78829 10.0651 5.52794 9.80478C5.26759 9.54443 5.26759 9.12232 5.52794 8.86197L9.52794 4.86197C9.78829 4.60162 10.2104 4.60162 10.4708 4.86197Z"
+      />
+      <path d="M6.33268 6.66671C6.88497 6.66671 7.33268 6.21899 7.33268 5.66671C7.33268 5.11442 6.88497 4.66671 6.33268 4.66671C5.7804 4.66671 5.33268 5.11442 5.33268 5.66671C5.33268 6.21899 5.7804 6.66671 6.33268 6.66671Z" />
+      <path d="M9.66602 10C10.2183 10 10.666 9.55233 10.666 9.00004C10.666 8.44776 10.2183 8.00004 9.66602 8.00004C9.11373 8.00004 8.66602 8.44776 8.66602 9.00004C8.66602 9.55233 9.11373 10 9.66602 10Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.66602 2.66671C4.4892 2.66671 4.31964 2.73695 4.19461 2.86197C4.06959 2.98699 3.99935 3.15656 3.99935 3.33337V12.7544L4.96288 12.112C5.2273 11.9357 5.57938 11.9706 5.80409 12.1953L6.66602 13.0572L7.52794 12.1953C7.78829 11.935 8.2104 11.935 8.47075 12.1953L9.33268 13.0572L10.1946 12.1953C10.4193 11.9706 10.7714 11.9357 11.0358 12.112L11.9993 12.7544V3.33337C11.9993 3.15656 11.9291 2.98699 11.8041 2.86197C11.6791 2.73695 11.5095 2.66671 11.3327 2.66671H4.66602ZM3.2518 1.91916C3.62687 1.54409 4.13558 1.33337 4.66602 1.33337H11.3327C11.8631 1.33337 12.3718 1.54409 12.7469 1.91916C13.122 2.29423 13.3327 2.80294 13.3327 3.33337V14C13.3327 14.2459 13.1974 14.4718 12.9806 14.5878C12.7638 14.7038 12.5008 14.6911 12.2962 14.5547L10.751 13.5246L9.80409 14.4714C9.54374 14.7318 9.12163 14.7318 8.86128 14.4714L7.99935 13.6095L7.13742 14.4714C6.87707 14.7318 6.45496 14.7318 6.19461 14.4714L5.24774 13.5246L3.70248 14.5547C3.49791 14.6911 3.23488 14.7038 3.01811 14.5878C2.80134 14.4718 2.66602 14.2459 2.66602 14V3.33337C2.66602 2.80294 2.87673 2.29423 3.2518 1.91916Z"
+      />
+    </Icon>
+  );
+};

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>
+  );
+};