@soul-refiner/design-system 0.0.25 → 0.1.0

package/src/icons/basic/briefcase.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Briefcase = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 2H9.33398C10.0704 2 10.6673 2.59695 10.6673 3.33333V4H13.334C14.0704 4 14.6673 4.59695 14.6673 5.33333V12.6667C14.6673 13.403 14.0704 14 13.334 14H2.66732C1.93094 14 1.33398 13.403 1.33398 12.6667V5.33333C1.33398 4.59695 1.93094 4 2.66732 4H5.33398V3.33333C5.33398 2.59695 5.93094 2 6.66732 2ZM2.66732 12.6667V10H7.33398V10.6667H8.66732V10H13.334V12.6667H2.66732ZM8.66732 8.66667H13.334V5.33333H2.66732V8.66667H7.33398H8.66732ZM9.33398 3.33333V4H6.66732V3.33333H9.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/browse_activity.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BrowseActivity = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M7.99935 10L8.93268 7.93333L10.9993 7L8.93268 6.06667L7.99935 4L7.06602 6.06667L4.99935 7L7.06602 7.93333L7.99935 10ZM2.66602 12C2.29935 12 1.98546 11.8694 1.72435 11.6083C1.46324 11.3472 1.33268 11.0333 1.33268 10.6667V3.33333C1.33268 2.96667 1.46324 2.65278 1.72435 2.39167C1.98546 2.13056 2.29935 2 2.66602 2H13.3327C13.6993 2 14.0132 2.13056 14.2743 2.39167C14.5355 2.65278 14.666 2.96667 14.666 3.33333V10.6667C14.666 11.0333 14.5355 11.3472 14.2743 11.6083C14.0132 11.8694 13.6993 12 13.3327 12H2.66602ZM2.66602 10.6667H13.3327V3.33333H2.66602V10.6667ZM1.33268 14C1.14379 14 0.98546 13.9361 0.857682 13.8083C0.729905 13.6806 0.666016 13.5222 0.666016 13.3333C0.666016 13.1444 0.729905 12.9861 0.857682 12.8583C0.98546 12.7306 1.14379 12.6667 1.33268 12.6667H14.666C14.8549 12.6667 15.0132 12.7306 15.141 12.8583C15.2688 12.9861 15.3327 13.1444 15.3327 13.3333C15.3327 13.5222 15.2688 13.6806 15.141 13.8083C15.0132 13.9361 14.8549 14 14.666 14H1.33268Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/browser.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Browser = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.9993 6H1.99935V12.6667H13.9993V6ZM13.9993 4.66667V3.33333H1.99935V4.66667H13.9993ZM1.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.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/browser_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BrowserSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 10.2761L6.47075 11.8047L5.52794 10.8619L7.05654 9.33333L5.52794 7.80474L6.47075 6.86193L7.99935 8.39052L9.52794 6.86193L10.4708 7.80474L8.94216 9.33333L10.4708 10.8619L9.52794 11.8047L7.99935 10.2761ZM13.9993 6H1.99935V12.6667H13.9993V6ZM13.9993 4.66667V3.33333H1.99935V4.66667H13.9993ZM1.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.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/calculator.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Calculator = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.9993 0.666687H3.99935C3.26297 0.666687 2.66602 1.26364 2.66602 2.00002V14C2.66602 14.7364 3.26297 15.3334 3.99935 15.3334H11.9993C12.7357 15.3334 13.3327 14.7364 13.3327 14V2.00002C13.3327 1.26364 12.7357 0.666687 11.9993 0.666687ZM3.99935 4.66669V2.00002H11.9993V4.66669H3.99935ZM3.99935 6.00002V14H11.9993V6.00002H3.99935ZM6.66602 12.6667H5.33268V11.3334H6.66602V12.6667ZM7.33268 12.6667H8.66602V11.3334H7.33268V12.6667ZM10.666 12.6667H9.33268V10.6667V10V9.33335H10.666V10V10.6667V12.6667ZM5.33268 10.6667H6.66602V9.33335H5.33268V10.6667ZM8.66602 10.6667H7.33268V9.33335H8.66602V10.6667ZM6.66602 8.66669H5.33268V7.33335H6.66602V8.66669ZM7.33268 8.66669H8.66602V7.33335H7.33268V8.66669ZM10.666 8.66669H9.33268V7.33335H10.666V8.66669Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/camera.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Camera = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.62403 3.89692C4.67126 3.83125 4.72372 3.75087 4.79061 3.64248C4.81504 3.60289 4.88166 3.49299 4.93127 3.41113L4.98722 3.31894C5.53987 2.41492 5.94161 2 6.66602 2H9.33268C10.0571 2 10.4588 2.41492 11.0115 3.31894L11.0673 3.41098L11.0674 3.41114C11.117 3.493 11.1837 3.60289 11.2081 3.64248C11.275 3.75087 11.3274 3.83125 11.3747 3.89692C11.4058 3.94022 11.433 3.97463 11.4552 4H13.3327C14.4373 4 15.3327 4.89543 15.3327 6V12C15.3327 13.1046 14.4373 14 13.3327 14H2.66602C1.56145 14 0.666016 13.1046 0.666016 12V6C0.666016 4.89543 1.56145 4 2.66602 4H4.54348C4.56568 3.97463 4.59288 3.94022 4.62403 3.89692ZM2.66602 5.33333C2.29783 5.33333 1.99935 5.63181 1.99935 6V12C1.99935 12.3682 2.29783 12.6667 2.66602 12.6667H13.3327C13.7009 12.6667 13.9993 12.3682 13.9993 12V6C13.9993 5.63181 13.7009 5.33333 13.3327 5.33333H11.3327C10.8898 5.33333 10.5911 5.09094 10.2923 4.6755C10.2235 4.57992 10.1554 4.47555 10.0734 4.34273C10.0453 4.29719 9.97234 4.17676 9.92231 4.0942L9.87389 4.01439C9.57235 3.52115 9.3905 3.33333 9.33268 3.33333H6.66602C6.6082 3.33333 6.42635 3.52115 6.12481 4.01439L6.07632 4.09432C6.02628 4.17688 5.95335 4.29722 5.92526 4.34273C5.84329 4.47555 5.77518 4.57992 5.70642 4.6755C5.4076 5.09094 5.10891 5.33333 4.66602 5.33333H2.66602ZM13.3327 6.66667C13.3327 7.03486 13.0342 7.33333 12.666 7.33333C12.2978 7.33333 11.9993 7.03486 11.9993 6.66667C11.9993 6.29848 12.2978 6 12.666 6C13.0342 6 13.3327 6.29848 13.3327 6.66667ZM4.66602 8.66667C4.66602 10.5076 6.1584 12 7.99935 12C9.8403 12 11.3327 10.5076 11.3327 8.66667C11.3327 6.82572 9.8403 5.33333 7.99935 5.33333C6.1584 5.33333 4.66602 6.82572 4.66602 8.66667ZM9.99935 8.66667C9.99935 9.77124 9.10392 10.6667 7.99935 10.6667C6.89478 10.6667 5.99935 9.77124 5.99935 8.66667C5.99935 7.5621 6.89478 6.66667 7.99935 6.66667C9.10392 6.66667 9.99935 7.5621 9.99935 8.66667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/camera_add.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CameraAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.62403 3.89692C4.67126 3.83125 4.72372 3.75087 4.79061 3.64248C4.81505 3.60289 4.88167 3.49297 4.93128 3.41111L4.98722 3.31894C5.53987 2.41492 5.94161 2 6.66602 2H9.99935V3.33333H6.66602C6.6082 3.33333 6.42635 3.52115 6.12481 4.01439L6.07632 4.09432L6.07631 4.09434C6.02627 4.1769 5.95335 4.29722 5.92526 4.34273C5.84329 4.47555 5.77518 4.57992 5.70642 4.6755C5.40759 5.09094 5.10891 5.33333 4.66602 5.33333H2.66602C2.29783 5.33333 1.99935 5.63181 1.99935 6V12C1.99935 12.3682 2.29783 12.6667 2.66602 12.6667H13.3327C13.7009 12.6667 13.9993 12.3682 13.9993 12V8H15.3327V12C15.3327 13.1046 14.4373 14 13.3327 14H2.66602C1.56145 14 0.666016 13.1046 0.666016 12V6C0.666016 4.89543 1.56145 4 2.66602 4H4.54348C4.56568 3.97463 4.59288 3.94022 4.62403 3.89692ZM11.3327 5.33333V4H12.666V2.66667H13.9993V4H15.3327V5.33333H13.9993V6.66667H12.666V5.33333H11.3327ZM7.99935 12C6.1584 12 4.66602 10.5076 4.66602 8.66667C4.66602 6.82572 6.1584 5.33333 7.99935 5.33333C9.8403 5.33333 11.3327 6.82572 11.3327 8.66667C11.3327 10.5076 9.8403 12 7.99935 12ZM7.99935 10.6667C9.10392 10.6667 9.99935 9.77124 9.99935 8.66667C9.99935 7.5621 9.10392 6.66667 7.99935 6.66667C6.89478 6.66667 5.99935 7.5621 5.99935 8.66667C5.99935 9.77124 6.89478 10.6667 7.99935 10.6667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/camera_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CameraSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.80409 0.861938L0.861278 1.80475L3.05654 4.00001H2.66602C1.56145 4.00001 0.666016 4.89544 0.666016 6.00001V12C0.666016 13.1046 1.56145 14 2.66602 14H13.0565L14.1946 15.1381L15.1374 14.1953L1.80409 0.861938ZM11.7232 12.6667L10.2144 11.1579C9.61377 11.6924 8.83161 12 7.99935 12C6.1584 12 4.66602 10.5076 4.66602 8.66668C4.66602 7.83392 4.97399 7.05179 5.50815 6.45162L4.38987 5.33334H2.66602C2.29783 5.33334 1.99935 5.63182 1.99935 6.00001V12C1.99935 12.3682 2.29783 12.6667 2.66602 12.6667H11.7232ZM6.45362 7.39709C6.1643 7.7487 5.99935 8.19361 5.99935 8.66668C5.99935 9.77125 6.89478 10.6667 7.99935 10.6667C8.4722 10.6667 8.91706 10.502 9.26893 10.2124L6.45362 7.39709ZM13.3327 4.00001C14.4373 4.00001 15.3327 4.89544 15.3327 6.00001V12H13.9993V6.00001C13.9993 5.63182 13.7009 5.33334 13.3327 5.33334H11.3327C10.8898 5.33334 10.5911 5.09095 10.2923 4.67551C10.2235 4.57993 10.1554 4.47555 10.0734 4.34274C10.0454 4.29724 9.97246 4.17696 9.92242 4.0944L9.87388 4.0144C9.57235 3.52116 9.3905 3.33334 9.33268 3.33334H6.66602C6.68605 3.33334 6.67935 3.33958 6.63469 3.38117C6.62205 3.39294 6.60637 3.40754 6.58739 3.42564C6.54167 3.46924 6.33941 3.67661 6.3506 3.66532C6.34611 3.66985 5.39683 2.73354 5.39683 2.73354C5.37613 2.75441 5.60099 2.52388 5.66728 2.46067C5.97798 2.16441 6.27099 2.00001 6.66602 2.00001H9.33268C10.0571 2.00001 10.4588 2.41493 11.0115 3.31895L11.0674 3.41105L11.0675 3.4113C11.1171 3.49315 11.1837 3.60293 11.2081 3.64249C11.275 3.75088 11.3274 3.83126 11.3747 3.89693C11.4058 3.94023 11.433 3.97464 11.4552 4.00001H13.3327ZM12.666 7.33334C13.0342 7.33334 13.3327 7.03487 13.3327 6.66668C13.3327 6.29849 13.0342 6.00001 12.666 6.00001C12.2978 6.00001 11.9993 6.29849 11.9993 6.66668C11.9993 7.03487 12.2978 7.33334 12.666 7.33334Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/checkmark.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Checkmark = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.47075 9.52858L12.1946 3.80472C12.455 3.54437 12.8771 3.54437 13.1374 3.80472C13.3978 4.06507 13.3978 4.48718 13.1374 4.74753L6.47075 11.4142L3.13742 8.08086C2.87707 7.82051 2.87707 7.3984 3.13742 7.13805C3.39777 6.8777 3.81988 6.8777 4.08023 7.13805L6.47075 9.52858Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/checkmark_circle.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CheckmarkCircle = (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 14ZM10.1946 5.52862L6.66602 9.05721L5.13742 7.52862L4.19461 8.47143L6.66602 10.9428L11.1374 6.47143L10.1946 5.52862Z"
+      />
+    </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/checkmarks.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Checkmarks = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.74677 4L4.36457 9.46659L2.23694 7.29997L1.31641 8.23334L4.36457 11.3333L10.6673 4.93337L9.74677 4ZM7.1116 10.0629L8.36457 11.3333L14.6673 4.93337L13.7468 4L8.36457 9.46659L8.03146 9.12883L7.1116 10.0629Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Circle = (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/circle_slash.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CircleSlash = (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.3334ZM12.6873 11.7451C13.5084 10.7187 13.9993 9.4167 13.9993 8.00002C13.9993 4.68631 11.3131 2.00002 7.99935 2.00002C6.58267 2.00002 5.28067 2.491 4.25423 3.31209L12.6873 11.7451ZM11.7445 12.688C10.718 13.509 9.41603 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 8.00002C1.99935 6.58334 2.49033 5.28134 3.31142 4.2549L11.7445 12.688Z"
+      />
+    </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/clear_text_style.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ClearTextStyle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66607 13.3333V9.60948L14.1947 15.1381L15.1375 14.1953L1.80414 0.861938L0.861328 1.80475L1.9994 2.94282V3.96863L3.04993 3.99335L7.33273 8.27615V13.3333H5.9994V14.6667H9.9994V13.3333H8.66607ZM7.33273 4.52387L8.66607 5.8572V2.66668H12.6661V3.96863L13.9994 4.00001V1.33334H4.14221L5.47554 2.66668H7.33273V4.52387Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/close.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Close = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M4.26732 12.6666L3.33398 11.7333L7.06732 7.99998L3.33398 4.26665L4.26732 3.33331L8.00065 7.06665L11.734 3.33331L12.6673 4.26665L8.93398 7.99998L12.6673 11.7333L11.734 12.6666L8.00065 8.93331L4.26732 12.6666Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/close_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CloseCircle = (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 14ZM5.80409 11.1381L7.99935 8.94283L10.1946 11.1381L11.1374 10.1953L8.94216 8.00002L11.1374 5.80476L10.1946 4.86195L7.99935 7.05721L5.80409 4.86195L4.86128 5.80476L7.05654 8.00002L4.86128 10.1953L5.80409 11.1381Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/copy.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Copy = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 1.33331H13.334C14.1022 1.33331 14.6673 1.89846 14.6673 2.66665V9.33331C14.6673 10.1015 14.1022 10.6666 13.334 10.6666H10.6673V13.3333C10.6673 14.1015 10.1022 14.6666 9.33398 14.6666H2.66732C1.89913 14.6666 1.33398 14.1015 1.33398 13.3333V6.66665C1.33398 5.89846 1.89913 5.33331 2.66732 5.33331H5.33398V2.66665C5.33398 1.89846 5.89913 1.33331 6.66732 1.33331ZM5.33398 6.66665H2.66732V13.3333H9.33398V10.6666H6.66732C5.89913 10.6666 5.33398 10.1015 5.33398 9.33331V6.66665ZM6.66732 2.66665V9.33331H13.334V2.66665H6.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/delete.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Delete = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.33265 2.66669H13.9993C14.7357 2.66669 15.3326 3.26364 15.3326 4.00002V12C15.3326 12.7364 14.7357 13.3334 13.9993 13.3334H5.33265C4.99584 13.3334 4.8439 13.209 4.53495 12.8785C4.50407 12.8454 4.4726 12.8107 4.4406 12.7744C4.31803 12.6355 4.20879 12.4996 4.15384 12.4268L0.464844 8.00002L0.820502 7.57323L4.1205 3.61676C4.18988 3.518 4.29507 3.37816 4.41733 3.23454C4.46615 3.1772 4.51433 3.12351 4.56199 3.07388C4.81907 2.80621 5.0098 2.66669 5.33265 2.66669ZM5.4326 4.09884C5.34204 4.20522 5.25918 4.31537 5.17813 4.42681L2.20041 8.00007L5.19556 11.5951C5.25062 11.6671 5.34236 11.7812 5.44038 11.8923C5.46429 11.9194 5.48727 11.9447 5.50906 11.968C5.51961 11.9793 5.52977 11.99 5.53945 12H13.9993V4.00002H5.52119C5.49397 4.02849 5.46414 4.06179 5.4326 4.09884ZM10.8612 5.52862L9.33265 7.05721L7.80405 5.52862L6.86125 6.47143L8.38984 8.00002L6.86125 9.52862L7.80405 10.4714L9.33265 8.94283L10.8612 10.4714L11.8041 9.52862L10.2755 8.00002L11.8041 6.47143L10.8612 5.52862Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/detail.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Detail = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2 3.33331H14V4.66665H2V3.33331ZM8.66667 5.99998H14V7.33331H8.66667V5.99998ZM8.66667 8.66665H14V9.99998H8.66667V8.66665ZM2 11.3333H14V12.6666H2V11.3333ZM2 5.99998H7.33333V9.99998H2V5.99998Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/dot.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Dot = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M9.33268 7.99996C9.33268 8.73634 8.73573 9.33329 7.99935 9.33329C7.26297 9.33329 6.66602 8.73634 6.66602 7.99996C6.66602 7.26358 7.26297 6.66663 7.99935 6.66663C8.73573 6.66663 9.33268 7.26358 9.33268 7.99996Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/download.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Download = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.8626 6.19524L8.66732 8.3905V1.33331H7.33398V8.3905L5.13872 6.19524L4.19591 7.13805L8.00065 10.9428L11.8054 7.13805L10.8626 6.19524ZM14.6673 13.3333V10.6666H13.334V13.3333H2.66732V10.6666H1.33398V13.3333C1.33398 14.0697 1.93094 14.6666 2.66732 14.6666H13.334C14.0704 14.6666 14.6673 14.0697 14.6673 13.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/download_arrow.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const DownloadArrow = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.66732 4.66665V2.66665C4.66732 1.93027 5.26427 1.33331 6.00065 1.33331H10.0007C10.737 1.33331 11.334 1.93027 11.334 2.66665L11.334 4.66665L11.334 7.33331L14.6673 7.33331L8.00065 13.0564L1.33398 7.33331L4.66732 7.33331V4.66665ZM10.0007 2.66665V4.66665V7.33331V8.66665H10.8651L8.00065 11.3003L5.13616 8.66665H6.00065V7.33331V4.66665V2.66665H10.0007ZM12.6673 14.6666C13.4037 14.6666 14.0007 14.0697 14.0007 13.3333H2.00065C2.00065 14.0697 2.5976 14.6666 3.33398 14.6666H12.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/droplet.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Droplet = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.43849 0.831181C12.1258 4.05087 14 6.86218 14 9.33335C14 12.8329 11.2686 15.3334 8 15.3334C4.73137 15.3334 2 12.8329 2 9.33335C2 6.86218 3.87421 4.05087 7.56151 0.831181L8 0.448303L8.43849 0.831181ZM3.33333 9.33335C3.33333 12.0689 5.44274 14 8 14C10.5573 14 12.6667 12.0689 12.6667 9.33335C12.6667 7.43386 11.1289 5.04432 8 2.22441C4.87107 5.04432 3.33333 7.43386 3.33333 9.33335ZM8 12V13.3334C10.2091 13.3334 12 11.5425 12 9.33335H10.6667C10.6667 10.8061 9.47276 12 8 12Z"
+      />
+    </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/ellipsis_horizontal.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const EllipsisHorizontal = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.33333 9.33335C2.59695 9.33335 2 8.7364 2 8.00002C2 7.26364 2.59695 6.66669 3.33333 6.66669C4.06971 6.66669 4.66667 7.26364 4.66667 8.00002C4.66667 8.7364 4.06971 9.33335 3.33333 9.33335ZM8 9.33335C7.26362 9.33335 6.66667 8.7364 6.66667 8.00002C6.66667 7.26364 7.26362 6.66669 8 6.66669C8.73638 6.66669 9.33333 7.26364 9.33333 8.00002C9.33333 8.7364 8.73638 9.33335 8 9.33335ZM11.3333 8.00002C11.3333 8.7364 11.9303 9.33335 12.6667 9.33335C13.403 9.33335 14 8.7364 14 8.00002C14 7.26364 13.403 6.66669 12.6667 6.66669C11.9303 6.66669 11.3333 7.26364 11.3333 8.00002Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/ellipsis_horizontal_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const EllipsisHorizontalCircle = (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 14ZM5.99935 8.00002C5.99935 8.36821 5.70087 8.66669 5.33268 8.66669C4.96449 8.66669 4.66602 8.36821 4.66602 8.00002C4.66602 7.63183 4.96449 7.33335 5.33268 7.33335C5.70087 7.33335 5.99935 7.63183 5.99935 8.00002ZM7.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.66669ZM11.3327 8.00002C11.3327 8.36821 11.0342 8.66669 10.666 8.66669C10.2978 8.66669 9.99935 8.36821 9.99935 8.00002C9.99935 7.63183 10.2978 7.33335 10.666 7.33335C11.0342 7.33335 11.3327 7.63183 11.3327 8.00002Z"
+      />
+    </Icon>
+  );
+};

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