@soul-refiner/design-system 0.0.26 → 0.1.2

package/src/icons/basic/ellipsis_vertical.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const EllipsisVertical = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66602 3.33333C6.66602 4.06971 7.26297 4.66667 7.99935 4.66667C8.73573 4.66667 9.33268 4.06971 9.33268 3.33333C9.33268 2.59695 8.73573 2 7.99935 2C7.26297 2 6.66602 2.59695 6.66602 3.33333ZM7.99935 9.33333C7.26297 9.33333 6.66602 8.73638 6.66602 8C6.66602 7.26362 7.26297 6.66667 7.99935 6.66667C8.73573 6.66667 9.33268 7.26362 9.33268 8C9.33268 8.73638 8.73573 9.33333 7.99935 9.33333ZM7.99935 14C7.26297 14 6.66602 13.403 6.66602 12.6667C6.66602 11.9303 7.26297 11.3333 7.99935 11.3333C8.73573 11.3333 9.33268 11.9303 9.33268 12.6667C9.33268 13.403 8.73573 14 7.99935 14Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/ellipsis_vertical_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const EllipsisVerticalCircle = (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 14ZM8.66602 10.6667C8.66602 11.0349 8.36754 11.3334 7.99935 11.3334C7.63116 11.3334 7.33268 11.0349 7.33268 10.6667C7.33268 10.2985 7.63116 10 7.99935 10C8.36754 10 8.66602 10.2985 8.66602 10.6667ZM7.99935 8.66669C8.36754 8.66669 8.66602 8.36821 8.66602 8.00002C8.66602 7.63183 8.36754 7.33335 7.99935 7.33335C7.63116 7.33335 7.33268 7.63183 7.33268 8.00002C7.33268 8.36821 7.63116 8.66669 7.99935 8.66669ZM8.66602 5.33335C8.66602 5.70154 8.36754 6.00002 7.99935 6.00002C7.63116 6.00002 7.33268 5.70154 7.33268 5.33335C7.33268 4.96516 7.63116 4.66669 7.99935 4.66669C8.36754 4.66669 8.66602 4.96516 8.66602 5.33335Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/eye.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Eye = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99904 2.66669C9.8174 2.66669 11.5562 3.62044 13.1766 5.18745C13.7294 5.72205 14.2295 6.29279 14.6698 6.86377C14.9354 7.20831 15.1241 7.47935 15.2273 7.64082L15.4571 8.00002L15.2273 8.35922C15.1241 8.52069 14.9354 8.79173 14.6698 9.13627C14.2295 9.70725 13.7294 10.278 13.1766 10.8126C11.5562 12.3796 9.8174 13.3334 7.99904 13.3334C6.18067 13.3334 4.44192 12.3796 2.82151 10.8126C2.2687 10.278 1.76858 9.70725 1.32831 9.13627C1.06264 8.79173 0.874021 8.52069 0.770749 8.35922L0.541016 8.00002L0.770749 7.64082C0.874021 7.47935 1.06264 7.20831 1.32831 6.86377C1.76858 6.29279 2.2687 5.72205 2.82151 5.18745C4.44192 3.62044 6.18067 2.66669 7.99904 2.66669ZM13.6139 7.67794C13.2108 7.15517 12.7525 6.63216 12.2497 6.14592C10.854 4.79627 9.40242 4.00002 7.99904 4.00002C6.59565 4.00002 5.14403 4.79627 3.7484 6.14592C3.2456 6.63216 2.7873 7.15517 2.3842 7.67794C2.29715 7.79084 2.2167 7.89857 2.14315 8.00002C2.2167 8.10147 2.29715 8.2092 2.3842 8.3221C2.7873 8.84487 3.2456 9.36789 3.7484 9.85412C5.14403 11.2038 6.59565 12 7.99904 12C9.40242 12 10.854 11.2038 12.2497 9.85412C12.7525 9.36789 13.2108 8.84487 13.6139 8.3221C13.7009 8.2092 13.7814 8.10147 13.8549 8.00002C13.7814 7.89857 13.7009 7.79084 13.6139 7.67794ZM5.33237 8.00002C5.33237 9.47278 6.52628 10.6667 7.99904 10.6667C9.4718 10.6667 10.6657 9.47278 10.6657 8.00002C10.6657 6.52726 9.4718 5.33335 7.99904 5.33335C6.52628 5.33335 5.33237 6.52726 5.33237 8.00002ZM9.33237 8.00002C9.33237 8.7364 8.73542 9.33335 7.99904 9.33335C7.26266 9.33335 6.66571 8.7364 6.66571 8.00002C6.66571 7.26364 7.26266 6.66669 7.99904 6.66669C8.73542 6.66669 9.33237 7.26364 9.33237 8.00002Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/eye_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const EyeSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.80378 0.861938L0.860968 1.80475L3.57085 4.51463C3.31841 4.72384 3.06858 4.94851 2.82151 5.18744C2.2687 5.72204 1.76858 6.29278 1.32831 6.86376C1.06264 7.2083 0.874022 7.47934 0.770749 7.64081L0.541016 8.00001L0.770749 8.35921C0.874022 8.52068 1.06264 8.79172 1.32831 9.13626C1.76858 9.70724 2.2687 10.278 2.82151 10.8126C4.44192 12.3796 6.18067 13.3333 7.99904 13.3333C9.14632 13.3333 10.2619 12.9537 11.3361 12.2798L14.1943 15.1381L15.1371 14.1953L1.80378 0.861938ZM10.3621 11.3059L9.35368 10.2975C8.95667 10.5321 8.49358 10.6667 7.99904 10.6667C6.52628 10.6667 5.33237 9.47277 5.33237 8.00001C5.33237 7.50547 5.46699 7.04237 5.70158 6.64536L4.51885 5.46263C4.26059 5.6709 4.00356 5.89916 3.7484 6.14591C3.2456 6.63214 2.7873 7.15516 2.3842 7.67793C2.29715 7.79083 2.2167 7.89856 2.14315 8.00001C2.2167 8.10146 2.29715 8.20919 2.3842 8.32209C2.7873 8.84486 3.2456 9.36788 3.7484 9.85411C5.14403 11.2038 6.59565 12 7.99904 12C8.77782 12 9.57145 11.7548 10.3621 11.3059ZM6.71087 7.65465C6.68141 7.7648 6.66571 7.88057 6.66571 8.00001C6.66571 8.73639 7.26266 9.33334 7.99904 9.33334C8.11848 9.33334 8.23425 9.31764 8.3444 9.28818L6.71087 7.65465ZM13.3977 10.594L12.4549 9.65115C12.8777 9.22377 13.2663 8.77284 13.6139 8.32209C13.7009 8.20919 13.7814 8.10146 13.8549 8.00001C13.7814 7.89856 13.7009 7.79083 13.6139 7.67793C13.2108 7.15516 12.7525 6.63214 12.2497 6.14591C10.854 4.79626 9.40242 4.00001 7.99904 4.00001C7.65084 4.00001 7.29967 4.04903 6.94712 4.14335L5.89247 3.0887C6.58077 2.81426 7.28374 2.66668 7.99904 2.66668C9.8174 2.66668 11.5562 3.62043 13.1766 5.18744C13.7294 5.72204 14.2295 6.29278 14.6698 6.86376C14.9354 7.2083 15.1241 7.47934 15.2273 7.64081L15.4571 8.00001L15.2273 8.35921C15.1241 8.52068 14.9354 8.79172 14.6698 9.13626C14.289 9.63009 13.8634 10.1237 13.3977 10.594Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/fingerprint.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Fingerprint = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M8.00001 0.666633C9.59131 0.666633 11.1174 1.29877 12.2426 2.42399C13.3679 3.54921 14 5.07533 14 6.66663V9.3333C14.0003 10.2989 13.7676 11.2502 13.3216 12.1066C12.8756 12.963 12.2295 13.6991 11.4382 14.2524C10.6469 14.8057 9.73377 15.1598 8.77634 15.2847C7.8189 15.4097 6.84546 15.3017 5.93867 14.97C6.02401 14.852 6.10601 14.732 6.18467 14.6086L6.29801 14.422C6.94447 13.3434 7.30048 12.1157 7.33134 10.8586L7.33334 10.6666V5.99997H8.66667V10.6666C8.6681 11.811 8.44217 12.9443 8.00201 14.0006C8.51687 14.0004 9.02817 13.9152 9.51534 13.7486C9.8163 12.8197 9.97893 11.8516 9.99801 10.8753L10 10.6666V8.66597H11.3333V10.6666C11.3338 11.3791 11.2673 12.09 11.1347 12.79C11.5977 12.3713 11.9717 11.8637 12.2344 11.2975C12.4972 10.7312 12.6433 10.1179 12.664 9.49397L12.6667 9.3333V6.66663C12.6667 5.80054 12.4257 4.95154 11.9706 4.21464C11.5155 3.47773 10.8644 2.88201 10.09 2.49413C9.31561 2.10624 8.44857 1.94151 7.58589 2.01837C6.72322 2.09523 5.89895 2.41063 5.20534 2.9293L4.25534 1.97863C5.31766 1.12749 6.63877 0.664614 8.00001 0.666633ZM4.66667 6.66663C4.66667 5.78258 5.01786 4.93473 5.64298 4.30961C6.26811 3.68449 7.11595 3.3333 8.00001 3.3333C8.88406 3.3333 9.73191 3.68449 10.357 4.30961C10.9822 4.93473 11.3333 5.78258 11.3333 6.66663V7.3333H10V6.66663C10.0005 6.14603 9.79799 5.64575 9.43549 5.27209C9.07299 4.89843 8.57908 4.68084 8.0587 4.66557C7.53832 4.65029 7.03249 4.83852 6.64869 5.19027C6.2649 5.54202 6.03338 6.02956 6.00334 6.5493L6.00001 6.66663V10.6666C6.00001 11.7113 5.73334 12.6933 5.26401 13.5486L5.24801 13.5753C5.09467 13.8513 4.92067 14.114 4.72667 14.3613C4.43351 14.1701 4.15758 13.9537 3.90201 13.7146L3.69601 13.5146C2.60635 12.3958 1.99764 10.8951 2.00001 9.3333V6.66663C2.00001 5.24997 2.49067 3.94797 3.31201 2.92197L4.26267 3.87197C3.6909 4.63412 3.36738 5.55369 3.33601 6.50597L3.33334 6.66663V9.3333C3.33334 10.45 3.72534 11.4746 4.38001 12.278C4.55215 11.8128 4.64805 11.323 4.66401 10.8273L4.66667 10.6666V6.66663Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/flag.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Flag = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.66602 15.3334H3.33268L2.66602 15.3334V14H3.33268V8.00002V2.66669V0.666687H4.66602V1.33335H14.0825L12.0833 5.33329L14.0834 9.33335H4.66602V14H5.33268V15.3334L4.66602 15.3334ZM4.66602 8.00002V2.66669H11.9255L10.5927 5.33341L11.926 8.00002H4.66602Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/flag_wave.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const FlagWave = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.66602 2H9.07804L9.7447 3.33333H13.9993V11.3333H9.25399L8.58733 10H3.99935V14.6667H2.66602V2ZM3.99935 8.66667H9.41137L10.078 10H12.666V4.66667H8.92066L8.25399 3.33333H3.99935V8.66667Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/flag_wave_filled.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const FlagWaveFilled = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M9.07804 2H2.66602V14.6667H3.99935V10H8.58733L9.25399 11.3333H13.9993V3.33333H9.7447L9.07804 2Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/flame.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Flame = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.4514 7.68667C7.8157 7.17537 7.77505 6.63689 7.52244 5.66825C7.02286 3.75257 7.22179 2.70257 8.94402 1.45946L9.78461 0.852722L9.98792 1.86928C10.204 2.94963 10.5588 3.61783 11.4699 4.90312C11.5061 4.95417 11.5061 4.95417 11.5425 5.00545C12.8549 6.85697 13.3342 7.9731 13.3342 10C13.3342 12.4589 10.8484 14.6667 8.00087 14.6667C5.15314 14.6667 2.66753 12.4592 2.66753 10C2.66753 9.95406 2.66758 9.95545 2.65979 9.75232C2.59956 8.18123 2.89007 6.9516 4.06558 5.62393C4.31394 5.34341 4.59626 5.07381 4.91395 4.81583L5.61528 4.24633L5.95264 5.08441C6.20192 5.70367 6.494 6.19047 6.82394 6.54769C7.10339 6.85026 7.31069 7.23073 7.4514 7.68667ZM5.06386 6.50779C4.15895 7.52984 3.94381 8.44043 3.99215 9.70124C4.00115 9.93596 4.00087 9.9277 4.00087 10C4.00087 11.6853 5.8566 13.3334 8.00087 13.3334C10.145 13.3334 12.0009 11.685 12.0009 10C12.0009 8.30549 11.622 7.42338 10.4547 5.77649C10.4185 5.72548 10.4185 5.72548 10.3822 5.67419C9.67323 4.6741 9.25065 3.97841 8.97109 3.20037C8.51452 3.74747 8.54136 4.29162 8.81263 5.33179C9.31221 7.24747 9.11328 8.29747 7.39105 9.54058L6.40905 10.2494L6.33543 9.04055C6.2884 8.26819 6.11358 7.74372 5.84446 7.45235C5.57858 7.16448 5.33851 6.82745 5.12323 6.44188C5.10315 6.46379 5.08336 6.48576 5.06386 6.50779Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/gauge.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Gauge = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.59825 14.533C1.76632 13.1566 0.666016 11.0024 0.666016 8.66665C0.666016 4.61656 3.94926 1.33331 7.99935 1.33331C12.0494 1.33331 15.3327 4.61656 15.3327 8.66665C15.3327 11.0024 14.2324 13.1566 12.4004 14.533L12.2225 14.6666H3.77616L3.59825 14.533ZM11.771 13.3333C13.168 12.2033 13.9993 10.5046 13.9993 8.66665C13.9993 5.35294 11.3131 2.66665 7.99935 2.66665C4.68564 2.66665 1.99935 5.35294 1.99935 8.66665C1.99935 10.5046 2.83067 12.2033 4.2277 13.3333H11.771ZM11.5455 5.04895L10.4532 4.28434L8.69783 6.792C8.48039 6.71095 8.24504 6.66665 7.99935 6.66665C6.89478 6.66665 5.99935 7.56208 5.99935 8.66665C5.99935 9.77122 6.89478 10.6666 7.99935 10.6666C9.10392 10.6666 9.99935 9.77122 9.99935 8.66665C9.99935 8.29634 9.89871 7.94955 9.7233 7.65211L11.5455 5.04895ZM8.66602 8.66665C8.66602 9.03484 8.36754 9.33331 7.99935 9.33331C7.63116 9.33331 7.33268 9.03484 7.33268 8.66665C7.33268 8.29846 7.63116 7.99998 7.99935 7.99998C8.36754 7.99998 8.66602 8.29846 8.66602 8.66665Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/glasses.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Glasses = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666667 8.66665C0.298477 8.66665 0 8.36817 0 7.99998C0 7.63179 0.298477 7.33331 0.666667 7.33331H0.944029C1.4584 6.15604 2.63312 5.33331 4 5.33331C5.21627 5.33331 6.28039 5.98473 6.86252 6.9577C7.18969 6.77201 7.58432 6.66665 8 6.66665C8.41568 6.66665 8.81032 6.77201 9.13748 6.9577C9.71961 5.98473 10.7837 5.33331 12 5.33331C13.3669 5.33331 14.5416 6.15604 15.056 7.33331H15.3333C15.7015 7.33331 16 7.63179 16 7.99998C16 8.36817 15.7015 8.66665 15.3333 8.66665C15.3333 10.5076 13.841 12 12 12C10.1591 12 8.66667 10.5076 8.66667 8.66665C8.66667 8.55415 8.67224 8.44295 8.68313 8.33331H8.66667C8.66667 8.19769 8.40305 7.99998 8 7.99998C7.59695 7.99998 7.33333 8.19769 7.33333 8.33331H7.31687C7.32776 8.44295 7.33333 8.55415 7.33333 8.66665C7.33333 10.5076 5.84095 12 4 12C2.15905 12 0.666667 10.5076 0.666667 8.66665ZM4 10.6666C5.10457 10.6666 6 9.77122 6 8.66665C6 7.56208 5.10457 6.66665 4 6.66665C2.89543 6.66665 2 7.56208 2 8.66665C2 9.77122 2.89543 10.6666 4 10.6666ZM14 8.66665C14 9.77122 13.1046 10.6666 12 10.6666C10.8954 10.6666 10 9.77122 10 8.66665C10 7.56208 10.8954 6.66665 12 6.66665C13.1046 6.66665 14 7.56208 14 8.66665Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/graduation_cap.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GraduationCap = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M7.62261 14C7.50579 14 7.39177 13.9858 7.28056 13.9574C7.16982 13.9285 7.06187 13.8854 6.95674 13.8281L3.45216 11.9713C3.21852 11.8453 3.03745 11.6763 2.90895 11.4645C2.78045 11.2523 2.71619 11.0143 2.71619 10.7507V7.44986L1.034 6.53868C0.905495 6.46991 0.81204 6.38395 0.75363 6.2808C0.69522 6.17765 0.666016 6.06304 0.666016 5.93696C0.666016 5.81089 0.69522 5.69627 0.75363 5.59312C0.81204 5.48997 0.905495 5.40401 1.034 5.33524L6.95674 2.17192C7.06187 2.11461 7.16982 2.07152 7.28056 2.04264C7.39177 2.01421 7.50579 2 7.62261 2C7.73943 2 7.85344 2.01421 7.96465 2.04264C8.0754 2.07152 8.18334 2.11461 8.28848 2.17192L14.9647 5.74785C15.0815 5.80516 15.1722 5.88814 15.2367 5.99679C15.3007 6.1059 15.3327 6.2235 15.3327 6.34957V10.7507C15.3327 10.9456 15.2654 11.1088 15.1308 11.2403C14.9967 11.3724 14.8304 11.4384 14.6318 11.4384C14.4332 11.4384 14.2668 11.3724 14.1327 11.2403C13.9981 11.1088 13.9309 10.9456 13.9309 10.7507V6.69341L12.529 7.44986V10.7507C12.529 11.0143 12.4648 11.2523 12.3363 11.4645C12.2078 11.6763 12.0267 11.8453 11.7931 11.9713L8.28848 13.8281C8.18334 13.8854 8.0754 13.9285 7.96465 13.9574C7.85344 13.9858 7.73943 14 7.62261 14ZM7.62261 8.48137L12.4239 5.93696L7.62261 3.39255L2.82133 5.93696L7.62261 8.48137ZM7.62261 12.6246L11.1272 10.7679V8.17192L8.306 9.70201C8.20086 9.75931 8.08988 9.80218 7.97306 9.8306C7.85625 9.85948 7.73943 9.87393 7.62261 9.87393C7.50579 9.87393 7.38897 9.85948 7.27215 9.8306C7.15533 9.80218 7.04435 9.75931 6.93921 9.70201L4.11803 8.17192V10.7679L7.62261 12.6246Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/hashmark.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Hashmark = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M3.9987 13.3334L4.66536 10.6667H2.33203L2.66536 9.33341H4.9987L5.66536 6.66675H2.9987L3.33203 5.33341H5.9987L6.66536 2.66675H7.9987L7.33203 5.33341H9.9987L10.6654 2.66675H11.9987L11.332 5.33341H13.6654L13.332 6.66675H10.9987L10.332 9.33341H12.9987L12.6654 10.6667H9.9987L9.33203 13.3334H7.9987L8.66536 10.6667H5.9987L5.33203 13.3334H3.9987ZM6.33203 9.33341H8.9987L9.66536 6.66675H6.9987L6.33203 9.33341Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/heart.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Heart = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.0348 1.33332C10.0697 1.33331 9.44761 1.44829 8.73445 1.79736C8.47042 1.9266 8.22271 2.08224 7.99266 2.26382C7.77148 2.09242 7.53367 1.94393 7.28056 1.81874C6.55356 1.45916 5.89954 1.33331 4.96905 1.33331C2.47697 1.33331 0.666016 3.39816 0.666016 6.0799C0.666016 8.10515 1.79524 10.0615 3.89858 11.9532C5.00261 12.9462 6.41223 13.9289 7.42175 14.4516L7.99935 14.7507L8.57695 14.4516C9.58647 13.9289 10.9961 12.9462 12.1001 11.9532C14.2035 10.0615 15.3327 8.10515 15.3327 6.0799C15.3327 3.42654 13.5046 1.34355 11.0348 1.33332ZM13.9993 6.0799C13.9993 7.66658 13.0568 9.29952 11.2085 10.9619C10.2008 11.8682 8.90532 12.7739 7.99935 13.2491C7.09337 12.7739 5.7979 11.8682 4.7902 10.9619C2.9419 9.29952 1.99935 7.66658 1.99935 6.0799C1.99935 4.09846 3.25511 2.66665 4.96905 2.66665C5.70887 2.66665 6.16477 2.75437 6.68944 3.01388C6.99935 3.16716 7.27327 3.36956 7.51037 3.62249L8.00091 4.14578L8.48698 3.61835C8.72942 3.35528 9.00736 3.14827 9.32063 2.99493C9.82993 2.74564 10.2574 2.66665 11.0321 2.66665C12.7248 2.67367 13.9993 4.12596 13.9993 6.0799Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/heart_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const HeartSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.61031 0.861938L0.667496 1.80475L1.6268 2.76405C0.874343 3.60988 0.429688 4.77055 0.429688 6.07993C0.429688 8.11143 1.60009 10.0693 3.77837 11.9609C4.92049 12.9528 6.37866 13.9343 7.42198 14.4559L8.00083 14.7454L8.57968 14.4559C9.39986 14.0458 10.4764 13.3516 11.4543 12.5915L14.0008 15.1381L14.9436 14.1953L1.61031 0.861938ZM10.5036 11.6408L2.57191 3.70916C2.06251 4.30964 1.76302 5.13273 1.76302 6.07993C1.76302 7.66036 2.73829 9.2918 4.65262 10.9542C5.70475 11.8679 7.05951 12.7811 8.00083 13.2546C8.70389 12.9009 9.63758 12.302 10.5036 11.6408ZM14.2386 6.07993C14.2386 7.31249 13.6454 8.57609 12.4762 9.86121L13.42 10.8049C14.8271 9.27429 15.572 7.70054 15.572 6.07993C15.572 3.42203 13.6828 1.3435 11.1444 1.33335C10.1513 1.33334 9.51352 1.44715 8.78083 1.79344C8.50037 1.92598 8.23763 2.08663 7.99412 2.27492C7.75963 2.09691 7.50696 1.94339 7.23759 1.81475C6.4905 1.45797 5.81975 1.33334 4.86243 1.33334C4.57389 1.33334 4.29411 1.35949 4.02477 1.40974L5.29302 2.67799C5.82903 2.70912 6.22345 2.80801 6.663 3.01792C6.98698 3.17264 7.27289 3.37663 7.51981 3.63097L8.00223 4.12786L8.4804 3.62688C8.73284 3.36239 9.02296 3.15375 9.35056 2.99892C9.88394 2.74684 10.3331 2.66668 11.1417 2.66668C12.9146 2.67378 14.2386 4.13053 14.2386 6.07993Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/highlighter.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Highlighter = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M15.164 8.05028L9.46757 2.43744C9.45577 2.42558 9.44175 2.41617 9.4263 2.40975C9.41085 2.40333 9.39429 2.40002 9.37756 2.40002C9.36083 2.40002 9.34427 2.40333 9.32882 2.40975C9.31337 2.41617 9.29935 2.42558 9.28755 2.43744L5.45082 6.21791C5.42668 6.24186 5.41296 6.27438 5.41266 6.30839C5.41236 6.3424 5.4255 6.37516 5.44922 6.39954L5.45082 6.40114L6.09376 7.03444L4.20995 8.8877C4.18581 8.91166 4.17209 8.94418 4.17179 8.97819C4.17149 9.0122 4.18463 9.04495 4.20835 9.06933L4.20995 9.07094L4.84485 9.6962L1.80537 12.7019H0.930976C0.860253 12.7019 0.800781 12.7598 0.800781 12.8305V13.7178C0.800781 13.7885 0.858646 13.8464 0.929369 13.8464H6.47309C6.50685 13.8464 6.53899 13.8335 6.5631 13.8094L7.78629 12.5942L8.43566 13.234C8.44746 13.2458 8.46148 13.2552 8.47693 13.2616C8.49238 13.2681 8.50894 13.2714 8.52567 13.2714C8.5424 13.2714 8.55896 13.2681 8.57441 13.2616C8.58985 13.2552 8.60388 13.2458 8.61568 13.234L10.4979 11.3759L11.1424 12.0108C11.1542 12.0226 11.1682 12.032 11.1837 12.0385C11.1991 12.0449 11.2157 12.0482 11.2324 12.0482C11.2492 12.0482 11.2657 12.0449 11.2812 12.0385C11.2966 12.032 11.3106 12.0226 11.3224 12.0108L15.1592 8.2303C15.2138 8.18208 15.2138 8.10171 15.164 8.05028ZM6.0375 12.6923H3.46254L5.62281 10.5545L6.91029 11.8227L6.0375 12.6923ZM8.52567 11.6941L5.77068 8.97932L6.87332 7.89276L9.62831 10.6076L8.52567 11.6941ZM11.234 10.4709L7.00994 6.30953L9.37756 3.97727L13.6017 8.14029L11.234 10.4709Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/home.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Home = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.92513 6.66665L7.92602 2.66576L11.9269 6.66665H11.926V13.3333H3.92603V6.66665H3.92513ZM2.59269 7.99908L1.60815 8.98363L0.666016 8.0415L6.98401 1.72351C7.50426 1.20325 8.34777 1.20325 8.86803 1.72351L15.186 8.0415L14.2439 8.98363L13.2594 7.9991V13.3333C13.2594 14.0697 12.6624 14.6666 11.926 14.6666H3.92603C3.18965 14.6666 2.59269 14.0697 2.59269 13.3333V7.99908Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/image.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Image = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33331H13.334C14.0704 1.33331 14.6673 1.93027 14.6673 2.66665V13.3333C14.6673 14.0697 14.0704 14.6666 13.334 14.6666H2.66732C1.93094 14.6666 1.33398 14.0697 1.33398 13.3333V2.66665C1.33398 1.93027 1.93094 1.33331 2.66732 1.33331ZM2.66732 2.66665V10.3905L5.33398 7.72384L7.66732 10.0572L12.0007 5.72384L13.334 7.05717V2.66665H2.66732ZM2.66732 13.3333V12.2761L5.33398 9.60946L9.05784 13.3333H2.66732ZM13.334 13.3333H10.9435L8.61013 11L12.0007 7.60946L13.334 8.94279V13.3333ZM9.33398 5.33331C9.33398 4.22874 8.43855 3.33331 7.33398 3.33331C6.22941 3.33331 5.33398 4.22874 5.33398 5.33331C5.33398 6.43788 6.22941 7.33331 7.33398 7.33331C8.43855 7.33331 9.33398 6.43788 9.33398 5.33331ZM6.66732 5.33331C6.66732 4.96512 6.96579 4.66665 7.33398 4.66665C7.70217 4.66665 8.00065 4.96512 8.00065 5.33331C8.00065 5.7015 7.70217 5.99998 7.33398 5.99998C6.96579 5.99998 6.66732 5.7015 6.66732 5.33331Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/inbox.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Inbox = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 12.6667C14.6673 13.403 14.0704 14 13.334 14H2.66732C1.93094 14 1.33398 13.403 1.33398 12.6667V7.86316L1.38789 7.73739L3.40223 3.03951C3.70267 2.42761 4.08161 2.04867 4.66732 2H11.334L11.4212 2.00573C11.9231 2.07196 12.2907 2.43957 12.6134 3.07072L14.6673 7.86316V12.6667ZM2.66732 8.66667V12.6667H13.334V8.66667H10.6673C10.6673 9.40305 10.0704 10 9.33398 10H6.66732C5.93094 10 5.33398 9.40305 5.33398 8.66667H2.66732ZM3.01168 7.33333H6.66732V8.66667H9.33398V7.33333H12.99L11.4078 3.6382C11.3331 3.49296 11.2642 3.39103 11.2085 3.33329L4.7846 3.33082C4.73312 3.38631 4.66953 3.48353 4.61341 3.59595L3.01168 7.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/index.ts

@@ -0,0 +1,125 @@
+export { AASansSerif } from './aa_sansserif';
+export { AASerif } from './aa_serif';
+export { Anchor } from './anchor';
+export { Bible } from './bible';
+export { Bold } from './bold';
+export { Book } from './book';
+export { Bookmark } from './bookmark';
+export { BookmarkAdd } from './bookmark_add';
+export { Bookmarks } from './bookmarks';
+export { BookmarkSlash } from './bookmark_slash';
+export { BookOpen } from './book_open';
+export { Books } from './books';
+export { Box } from './box';
+export { Briefcase } from './briefcase';
+export { BrowseActivity } from './browse_activity';
+export { Browser } from './browser';
+export { BrowserSlash } from './browser_slash';
+export { Calculator } from './calculator';
+export { Camera } from './camera';
+export { CameraAdd } from './camera_add';
+export { CameraSlash } from './camera_slash';
+export { Checkmark } from './checkmark';
+export { CheckmarkCircle } from './checkmark_circle';
+export { Checkmarks } from './checkmarks';
+export { Circle } from './circle';
+export { CircleSlash } from './circle_slash';
+export { ClearTextStyle } from './clear_text_style';
+export { Close } from './close';
+export { CloseCircle } from './close_circle';
+export { Copy } from './copy';
+export { Delete } from './delete';
+export { Detail } from './detail';
+export { Dot } from './dot';
+export { Download } from './download';
+export { DownloadArrow } from './download_arrow';
+export { Droplet } from './droplet';
+export { EllipsisHorizontal } from './ellipsis_horizontal';
+export { EllipsisHorizontalCircle } from './ellipsis_horizontal_circle';
+export { EllipsisVertical } from './ellipsis_vertical';
+export { EllipsisVerticalCircle } from './ellipsis_vertical_circle';
+export { Eye } from './eye';
+export { EyeSlash } from './eye_slash';
+export { Fingerprint } from './fingerprint';
+export { Flag } from './flag';
+export { FlagWave } from './flag_wave';
+export { FlagWaveFilled } from './flag_wave_filled';
+export { Flame } from './flame';
+export { Gauge } from './gauge';
+export { Glasses } from './glasses';
+export { GraduationCap } from './graduation_cap';
+export { Hashmark } from './hashmark';
+export { Heart } from './heart';
+export { HeartSlash } from './heart_slash';
+export { Highlighter } from './highlighter';
+export { Home } from './home';
+export { Image } from './image';
+export { Italic } from './italic';
+export { Inbox } from './inbox';
+export { Layers } from './layers';
+export { Lightening } from './lightening';
+export { LighteningSlash } from './lightening_slash';
+export { Link } from './link';
+export { LinkSlash } from './link_slash';
+export { Loudspeaker } from './loudspeaker';
+export { Maximize } from './maximize';
+export { Menu } from './menu';
+export { MenuCircle } from './menu_circle';
+export { MenuDots } from './menu_dots';
+export { Minimize } from './minimize';
+export { MicrophoneSlash } from './microphone_slash';
+export { Minus } from './minus';
+export { MinusCircle } from './minus_circle';
+export { New } from './new';
+export { Newspaper } from './newspaper';
+export { NotePad } from './note_pad';
+export { Options } from './options';
+export { PaintBrush } from './paint_brush';
+export { Paperclip } from './paperclip';
+export { PaperclipSlash } from './paperclip_slash';
+export { Pencil } from './pencil';
+export { PencilPad } from './pencil_pad';
+export { Presentation } from './presentation';
+export { Printer } from './printer';
+export { Profile } from './profile';
+export { Plus } from './plus';
+export { PlusCircle } from './plus_circle';
+export { Pulse } from './pulse';
+export { QRCode } from './qr_code';
+export { Resize } from './resize';
+export { Scan } from './scan';
+export { Screenshot } from './screenshot';
+export { Settings } from './settings';
+export { Scissors } from './scissors';
+export { Search } from './search';
+export { SelectItem } from './select_item';
+export { Share } from './share';
+export { ShareExternal } from './share_external';
+export { Square } from './square';
+export { Star } from './star';
+export { StarCircle } from './star_circle';
+export { StarFilled } from './star_filled';
+export { StarFilledHalf } from './star_filled_half';
+export { StarSlash } from './star_slash';
+export { Sticker } from './sticker';
+export { Strikethrough } from './strikethrough';
+export { SubTask } from './subtask';
+export { Tax } from './tax';
+export { TextBox } from './textbox';
+export { TextBGColor } from './text_bg_color';
+export { TextColor } from './text_color';
+export { ThumbsDown } from './thumbs_down';
+export { ThumbsUp } from './thumbs_up';
+export { ThumbsUpFilled } from './thumbs_up_filled';
+export { ToggleLeft } from './toggle_left';
+export { ToggleRight } from './toggle_right';
+export { Translate } from './translate';
+export { Trash } from './trash';
+export { TrashSlash } from './trash_slash';
+export { Underline } from './underline';
+export { Upload } from './upload';
+export { Video } from './video';
+export { VideoAdd } from './video_add';
+export { VideoSlash } from './video_slash';
+export { ZoomIn } from './zoom_in';
+export { ZoomOut } from './zoom_out';

package/src/icons/basic/italic.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Italic = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M9.86746 2.66665L7.49709 13.3333H9.99935V14.6666H3.66602V13.3333H6.13123L8.50161 2.66665H6.33268V1.33331H12.666V2.66665H9.86746Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/layers.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Layers = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.7717 1.52014L14.1391 4.50205C14.8434 4.89329 14.8434 5.77334 14.1391 6.16458L13.2354 6.66665L14.1391 7.16872C14.8434 7.55996 14.8434 8.44 14.1391 8.83124L13.2354 9.33331L14.1391 9.83538C14.8434 10.2266 14.8434 11.1067 14.1391 11.4979L8.7717 14.4798C8.32332 14.7289 7.67798 14.7289 7.2296 14.4798L1.86216 11.4979C1.15793 11.1067 1.15793 10.2266 1.86216 9.83538L2.76589 9.33331L1.86216 8.83124C1.15793 8.44 1.15793 7.55996 1.86216 7.16872L2.76589 6.66665L1.86216 6.16458C1.15793 5.77334 1.15793 4.89329 1.86216 4.50205L7.2296 1.52014C7.67798 1.27104 8.32332 1.27104 8.7717 1.52014ZM8.7717 9.14649L11.8627 7.42929L12.8899 7.99998L11.8627 8.57067L10.4899 9.33331L8.12418 10.6476C8.07849 10.673 7.92281 10.673 7.87713 10.6476L5.51139 9.33331L4.13864 8.57067L3.11139 7.99998L4.13864 7.42929L7.2296 9.14649C7.67798 9.39559 8.32332 9.39559 8.7717 9.14649ZM4.13864 10.096L3.11139 10.6666L7.87713 13.3143C7.92281 13.3397 8.07849 13.3397 8.12418 13.3143L12.8899 10.6666L11.8627 10.096L8.7717 11.8132C8.32332 12.0623 7.67798 12.0623 7.2296 11.8132L4.13864 10.096ZM7.87713 2.68568C7.92281 2.6603 8.0785 2.6603 8.12418 2.68568L12.8899 5.33331L8.12418 7.98095C8.0785 8.00632 7.92281 8.00632 7.87713 7.98095L3.11139 5.33331L7.87713 2.68568Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/lightening.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Lightening = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.61328 10H6.00036V15.2339L13.3874 6.00003H10.0004V0.766174L2.61328 10ZM7.3337 8.66669H5.38745L8.66703 4.56722V7.33336H10.6133L7.3337 11.4328V8.66669Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/lightening_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LighteningSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.47644 6.41988L0.861328 1.80477L1.80414 0.861957L15.1375 14.1953L14.1947 15.1381L9.68431 10.6277L5.9994 15.2339V10H2.61232L5.47644 6.41988ZM8.7357 9.67914L6.42505 7.36849L5.38648 8.6667H7.33273V11.4328L8.7357 9.67914ZM7.14201 4.33791L9.9994 0.766174V6.00003H13.3865L11.3499 8.54578L10.4013 7.59716L10.6123 7.33336H10.1375L8.66607 5.86196V4.56722L8.09063 5.28652L7.14201 4.33791Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/link.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Link = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66602 10V11.3334H3.99935C2.1584 11.3334 0.666016 9.84097 0.666016 8.00002C0.666016 6.15907 2.1584 4.66669 3.99935 4.66669H6.66602V6.00002H3.99935C2.89478 6.00002 1.99935 6.89545 1.99935 8.00002C1.99935 9.10459 2.89478 10 3.99935 10H6.66602ZM9.33268 6.00002V4.66669H11.9993C13.8403 4.66669 15.3327 6.15907 15.3327 8.00002C15.3327 9.84097 13.8403 11.3334 11.9993 11.3334H9.33268V10H11.9993C13.1039 10 13.9993 9.10459 13.9993 8.00002C13.9993 6.89545 13.1039 6.00002 11.9993 6.00002H9.33268ZM11.3327 7.33335H4.66602V8.66669H11.3327V7.33335Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/link_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const LinkSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.861278 1.80475L3.73364 4.67711C2.01692 4.8125 0.666016 6.2485 0.666016 8.00001C0.666016 9.84096 2.1584 11.3333 3.99935 11.3333H6.66602V10H3.99935C2.89478 10 1.99935 9.10458 1.99935 8.00001C1.99935 6.89544 2.89478 6.00001 3.99935 6.00001H5.05654L6.38987 7.33334H4.66602V8.66668H7.72321L14.1946 15.1381L15.1374 14.1953L1.80409 0.861938L0.861278 1.80475ZM12.6873 9.87853L13.6851 10.8763C14.6709 10.2973 15.3327 9.22592 15.3327 8.00001C15.3327 6.15906 13.8403 4.66668 11.9993 4.66668H9.33268V6.00001H11.9993C13.1039 6.00001 13.9993 6.89544 13.9993 8.00001C13.9993 8.86283 13.453 9.59804 12.6873 9.87853Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/loudspeaker.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Loudspeaker = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M12.0007 8.66669V7.33335H14.6673V8.66669H12.0007ZM12.8007 13.3334L10.6673 11.7334L11.4673 10.6667L13.6006 12.2667L12.8007 13.3334ZM11.4673 5.33335L10.6673 4.26669L12.8007 2.66669L13.6006 3.73335L11.4673 5.33335ZM3.33398 12.6667V10H2.66732C2.30065 10 1.98687 9.86935 1.72598 9.60802C1.46465 9.34713 1.33398 9.03335 1.33398 8.66669V7.33335C1.33398 6.96669 1.46465 6.65269 1.72598 6.39135C1.98687 6.13046 2.30065 6.00002 2.66732 6.00002H5.33398L8.66732 4.00002V12L5.33398 10H4.66732V12.6667H3.33398ZM9.33398 10.2334V5.76669C9.63398 6.03335 9.87576 6.35846 10.0593 6.74202C10.2424 7.12513 10.334 7.54446 10.334 8.00002C10.334 8.45558 10.2424 8.87491 10.0593 9.25802C9.87576 9.64158 9.63398 9.96669 9.33398 10.2334ZM2.66732 7.33335V8.66669H5.70065L7.33398 9.63335V6.36669L5.70065 7.33335H2.66732Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/maximize.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Maximize = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 2.66665V7.99998H1.33398V1.33331H8.00065V2.66665H2.66732ZM10.4721 6.47138L13.334 3.60946V5.99998H14.6673V1.33331H10.0007V2.66665H12.3912L9.52925 5.52858L10.4721 6.47138ZM13.334 7.99998V13.3333H8.00065V14.6666H14.6673V7.99998H13.334ZM6.00065 14.6666V13.3333H3.61013L6.47206 10.4714L5.52925 9.52857L2.66732 12.3905V9.99998H1.33398V14.6666H6.00065Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/menu.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Menu = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 4.66665V3.33331H1.33398V4.66665H14.6673ZM14.6673 7.33331V8.66665H1.33398V7.33331H14.6673ZM14.6673 11.3333V12.6666H1.33398V11.3333H14.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/menu_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MenuCircle = (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.00002Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/menu_dots.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MenuDots = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.0007 2.66665C12.0007 3.40303 12.5976 3.99998 13.334 3.99998C14.0704 3.99998 14.6673 3.40303 14.6673 2.66665C14.6673 1.93027 14.0704 1.33331 13.334 1.33331C12.5976 1.33331 12.0007 1.93027 12.0007 2.66665ZM13.334 9.33331C12.5976 9.33331 12.0007 8.73636 12.0007 7.99998C12.0007 7.2636 12.5976 6.66665 13.334 6.66665C14.0704 6.66665 14.6673 7.2636 14.6673 7.99998C14.6673 8.73636 14.0704 9.33331 13.334 9.33331ZM13.334 14.6666C12.5976 14.6666 12.0007 14.0697 12.0007 13.3333C12.0007 12.5969 12.5976 12 13.334 12C14.0704 12 14.6673 12.5969 14.6673 13.3333C14.6673 14.0697 14.0704 14.6666 13.334 14.6666ZM8.00065 14.6666C7.26427 14.6666 6.66732 14.0697 6.66732 13.3333C6.66732 12.5969 7.26427 12 8.00065 12C8.73703 12 9.33398 12.5969 9.33398 13.3333C9.33398 14.0697 8.73703 14.6666 8.00065 14.6666ZM6.66732 7.99998C6.66732 8.73636 7.26427 9.33331 8.00065 9.33331C8.73703 9.33331 9.33398 8.73636 9.33398 7.99998C9.33398 7.2636 8.73703 6.66665 8.00065 6.66665C7.26427 6.66665 6.66732 7.2636 6.66732 7.99998ZM8.00065 3.99998C7.26427 3.99998 6.66732 3.40303 6.66732 2.66665C6.66732 1.93027 7.26427 1.33331 8.00065 1.33331C8.73703 1.33331 9.33398 1.93027 9.33398 2.66665C9.33398 3.40303 8.73703 3.99998 8.00065 3.99998ZM1.33398 13.3333C1.33398 14.0697 1.93094 14.6666 2.66732 14.6666C3.4037 14.6666 4.00065 14.0697 4.00065 13.3333C4.00065 12.5969 3.4037 12 2.66732 12C1.93094 12 1.33398 12.5969 1.33398 13.3333ZM2.66732 9.33331C1.93094 9.33331 1.33398 8.73636 1.33398 7.99998C1.33398 7.2636 1.93094 6.66665 2.66732 6.66665C3.4037 6.66665 4.00065 7.2636 4.00065 7.99998C4.00065 8.73636 3.4037 9.33331 2.66732 9.33331ZM1.33398 2.66665C1.33398 3.40303 1.93094 3.99998 2.66732 3.99998C3.4037 3.99998 4.00065 3.40303 4.00065 2.66665C4.00065 1.93027 3.4037 1.33331 2.66732 1.33331C1.93094 1.33331 1.33398 1.93027 1.33398 2.66665Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/microphone_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MicrophoneSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.33273 6.27616L0.861328 1.80476L1.80414 0.861949L15.1375 14.1953L14.1947 15.1381L11.2698 12.2133C10.5321 12.7867 9.63987 13.1707 8.66607 13.2921V14H10.6661V15.3334H5.33273V14H7.33273V13.2921C4.70186 12.964 2.66607 10.7198 2.66607 8.00002V6.66669H3.9994V8.00002C3.9994 10.2092 5.79026 12 7.9994 12C8.86329 12 9.66321 11.7262 10.3171 11.2605L9.35404 10.2975C8.95704 10.5321 8.49394 10.6667 7.9994 10.6667C6.52664 10.6667 5.33273 9.47278 5.33273 8.00002V6.27616ZM8.34476 9.28819C8.23461 9.31765 8.11884 9.33335 7.9994 9.33335C7.26302 9.33335 6.66607 8.7364 6.66607 8.00002V7.6095L8.34476 9.28819ZM9.33273 3.33335V6.52388L10.6661 7.85721V3.33335C10.6661 1.86059 9.47216 0.666687 7.9994 0.666687C6.77361 0.666687 5.74099 1.49375 5.42914 2.62028L6.66607 3.85721V3.33335C6.66607 2.59697 7.26302 2.00002 7.9994 2.00002C8.73578 2.00002 9.33273 2.59697 9.33273 3.33335ZM12.905 10.0962L11.8599 9.05103C11.9509 8.71612 11.9994 8.36374 11.9994 8.00002V6.66669H13.3327V8.00002C13.3327 8.74417 13.1803 9.45273 12.905 10.0962Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/minimize.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Minimize = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.0007 6.6667V5.33336H11.6102L14.4721 2.47143L13.5293 1.52863L10.6674 4.39055V2.00003H9.33403V6.6667H14.0007ZM4.66737 4.6667V8.00003H3.33403V3.33336H8.0007V4.6667H4.66737ZM11.334 8.00003V11.3334H8.0007V12.6667H12.6674V8.00003H11.334ZM2.47211 14.4714L5.33403 11.6095V14H6.66737V9.33336H2.0007V10.6667H4.39123L1.5293 13.5286L2.47211 14.4714Z"
+      />
+    </Icon>
+  );
+};