@soul-refiner/design-system 0.0.26 → 0.1.2

package/src/icons/basic/aa_serif.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const AASerif = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M9.47461 8.24736H5.44857V7.84111C5.63607 7.82722 5.85655 7.79423 6.11003 7.74215C6.3635 7.68659 6.49023 7.61888 6.49023 7.53902C6.49023 7.51124 6.48676 7.47999 6.47982 7.44527C6.47635 7.41055 6.46246 7.36367 6.43815 7.30465L5.80794 5.7734H3.25586C3.19683 5.91576 3.13086 6.08242 3.05794 6.2734C2.9885 6.46437 2.92773 6.63451 2.87565 6.78381C2.80968 6.97826 2.76975 7.11888 2.75586 7.20569C2.74544 7.29249 2.74023 7.35326 2.74023 7.38798C2.74023 7.49909 2.82357 7.59458 2.99023 7.67444C3.16037 7.75083 3.44162 7.80638 3.83398 7.84111V8.24736H0.802734V7.84111C0.917318 7.83416 1.04579 7.8168 1.18815 7.78902C1.33398 7.75777 1.44857 7.71611 1.5319 7.66402C1.67426 7.58069 1.79405 7.47826 1.89128 7.35673C1.99197 7.2352 2.0753 7.09111 2.14128 6.92444C2.54405 5.94874 2.94683 4.97131 3.34961 3.99215C3.75586 3.01298 4.20378 1.93312 4.69336 0.752563H5.73503C6.41558 2.42617 6.94857 3.74909 7.33398 4.72131C7.7194 5.69354 8.04753 6.49909 8.31836 7.13798C8.3635 7.24215 8.42079 7.33763 8.49023 7.42444C8.55968 7.50777 8.65864 7.58763 8.78711 7.66402C8.88433 7.71958 8.99718 7.76124 9.12565 7.78902C9.25412 7.8168 9.37044 7.83416 9.47461 7.84111V8.24736ZM5.5944 5.25777L4.52148 2.58069L3.46419 5.25777H5.5944Z" />
+      <path d="M15.4434 8.13798C15.2906 8.20395 15.11 8.26472 14.9017 8.32027C14.6934 8.37583 14.4729 8.40361 14.2402 8.40361C13.8132 8.40361 13.4989 8.34111 13.2975 8.21611C13.0961 8.08763 12.959 7.90534 12.8861 7.66923H12.8548C12.7368 7.78729 12.6222 7.88798 12.5111 7.97131C12.4034 8.05465 12.2871 8.12583 12.1621 8.18486C11.9989 8.26124 11.8409 8.3168 11.6882 8.35152C11.5388 8.38972 11.3288 8.40881 11.0579 8.40881C10.6552 8.40881 10.3114 8.29076 10.0267 8.05465C9.74197 7.81506 9.59961 7.49909 9.59961 7.10673C9.59961 6.88104 9.63086 6.69006 9.69336 6.53381C9.75586 6.37409 9.8444 6.23347 9.95898 6.11194C10.0632 6.00083 10.1829 5.90881 10.3184 5.8359C10.4572 5.76298 10.6083 5.69527 10.7715 5.63277C11.084 5.51819 11.459 5.40013 11.8965 5.27861C12.334 5.15361 12.6534 5.04249 12.8548 4.94527V4.44527C12.8548 4.35847 12.8479 4.24388 12.834 4.10152C12.8201 3.95916 12.7906 3.83937 12.7454 3.74215C12.6968 3.63104 12.6204 3.53729 12.5163 3.4609C12.4121 3.38451 12.275 3.34631 12.1048 3.34631C11.952 3.34631 11.8236 3.36888 11.7194 3.41402C11.6187 3.45569 11.5371 3.49909 11.4746 3.54423C11.485 3.61367 11.5145 3.71958 11.5632 3.86194C11.6118 4.0043 11.6361 4.14145 11.6361 4.2734C11.6361 4.33242 11.6204 4.40708 11.5892 4.49736C11.5579 4.58416 11.5128 4.65361 11.4538 4.70569C11.3739 4.77513 11.2836 4.82895 11.1829 4.86715C11.0857 4.90534 10.9347 4.92444 10.7298 4.92444C10.4382 4.92444 10.2177 4.85499 10.0684 4.71611C9.91905 4.57374 9.8444 4.38972 9.8444 4.16402C9.8444 3.96958 9.92079 3.79597 10.0736 3.64319C10.2298 3.48694 10.4191 3.35847 10.6413 3.25777C10.86 3.15361 11.1118 3.07374 11.3965 3.01819C11.6812 2.95916 11.9451 2.92965 12.1882 2.92965C12.525 2.92965 12.834 2.95048 13.1152 2.99215C13.3965 3.03034 13.65 3.11194 13.8757 3.23694C14.0909 3.35847 14.2611 3.53555 14.3861 3.76819C14.5145 3.99736 14.5788 4.2977 14.5788 4.66923C14.5788 5.06159 14.5701 5.52687 14.5527 6.06506C14.5388 6.60326 14.5319 6.95742 14.5319 7.12756C14.5319 7.28381 14.5545 7.40708 14.5996 7.49736C14.6482 7.58763 14.7211 7.65534 14.8184 7.70048C14.8774 7.72826 14.9694 7.74562 15.0944 7.75256C15.2229 7.75604 15.3392 7.75777 15.4434 7.75777V8.13798ZM12.8548 5.42444C12.6604 5.49041 12.4677 5.5668 12.2767 5.65361C12.0857 5.73694 11.9295 5.82548 11.8079 5.91923C11.6795 6.01645 11.5788 6.14145 11.5059 6.29423C11.4329 6.44354 11.3965 6.62062 11.3965 6.82548C11.3965 7.09631 11.4572 7.29249 11.5788 7.41402C11.7038 7.53555 11.8566 7.59631 12.0371 7.59631C12.2281 7.59631 12.3843 7.55812 12.5059 7.48173C12.6309 7.40187 12.7402 7.30465 12.834 7.19006L12.8548 5.42444Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/anchor.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Anchor = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.45455 3.54545C5.45455 2.13964 6.59418 1 8 1C9.40582 1 10.5455 2.13964 10.5455 3.54545C10.5455 4.95127 9.40582 6.09091 8 6.09091C6.59418 6.09091 5.45455 4.95127 5.45455 3.54545ZM8 2.27273C7.29709 2.27273 6.72727 2.84255 6.72727 3.54545C6.72727 4.24836 7.29709 4.81818 8 4.81818C8.70291 4.81818 9.27273 4.24836 9.27273 3.54545C9.27273 2.84255 8.70291 2.27273 8 2.27273Z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 4.81818C8.35145 4.81818 8.63636 5.10309 8.63636 5.45455V14.3636C8.63636 14.7151 8.35145 15 8 15C7.64855 15 7.36364 14.7151 7.36364 14.3636V5.45455C7.36364 5.10309 7.64855 4.81818 8 4.81818Z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.18639 7.55002C1.30573 7.43068 1.46759 7.36364 1.63636 7.36364H3.54545C3.89691 7.36364 4.18182 7.64855 4.18182 8C4.18182 8.35145 3.89691 8.63636 3.54545 8.63636H2.30768C2.62424 11.5 5.05201 13.7273 8 13.7273C10.948 13.7273 13.3758 11.5 13.6923 8.63636H12.4545C12.1031 8.63636 11.8182 8.35145 11.8182 8C11.8182 7.64855 12.1031 7.36364 12.4545 7.36364H14.3636C14.7151 7.36364 15 7.64855 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 7.83123 1.06705 7.66936 1.18639 7.55002Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/bible.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Bible = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.19022 2.50475C3.94521 2.50475 3.71023 2.60208 3.53698 2.77533C3.36374 2.94857 3.26641 3.18355 3.26641 3.42856V10.659C3.55182 10.5212 3.86722 10.4476 4.19022 10.4476H12.7331V2.50475H4.19022ZM13.9331 1.90475C13.9331 1.57338 13.6644 1.30475 13.3331 1.30475H4.19022C3.62695 1.30475 3.08675 1.52851 2.68846 1.9268C2.29016 2.32509 2.06641 2.86529 2.06641 3.42856V12.5714C2.06641 13.1347 2.29016 13.6749 2.68846 14.0732C3.08675 14.4715 3.62695 14.6952 4.19022 14.6952H13.3331C13.6644 14.6952 13.9331 14.4266 13.9331 14.0952V1.90475ZM12.7331 11.6476H4.19022C3.94521 11.6476 3.71023 11.7449 3.53698 11.9182C3.36374 12.0914 3.26641 12.3264 3.26641 12.5714C3.26641 12.8164 3.36374 13.0514 3.53698 13.2246C3.71023 13.3979 3.94521 13.4952 4.19022 13.4952H12.7331V11.6476ZM7.99974 3.59046C8.33111 3.59046 8.59974 3.85909 8.59974 4.19046V5.11427H9.52355C9.85492 5.11427 10.1235 5.3829 10.1235 5.71427C10.1235 6.04564 9.85492 6.31427 9.52355 6.31427H8.59974V8.76189C8.59974 9.09326 8.33111 9.36189 7.99974 9.36189C7.66837 9.36189 7.39974 9.09326 7.39974 8.76189V6.31427H6.47593C6.14456 6.31427 5.87593 6.04564 5.87593 5.71427C5.87593 5.3829 6.14456 5.11427 6.47593 5.11427H7.39974V4.19046C7.39974 3.85909 7.66837 3.59046 7.99974 3.59046Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Bold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.9531 7.56534C12.3436 8.08639 13.3333 9.4276 13.3333 11C13.3333 13.025 11.6917 14.6666 9.66667 14.6666H4V1.33331H8.33333C10.3584 1.33331 12 2.97494 12 4.99998C12 5.99866 11.6007 6.90408 10.9531 7.56534ZM8.33333 7.33331C9.622 7.33331 10.6667 6.28864 10.6667 4.99998C10.6667 3.71132 9.622 2.66665 8.33333 2.66665H5.33333V7.33331H8.33333ZM5.33333 13.3333V8.66665H9.66667C10.9553 8.66665 12 9.71132 12 11C12 12.2886 10.9553 13.3333 9.66667 13.3333H5.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/book.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Book = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14 14.6666H4C2.89543 14.6666 2 13.7712 2 12.6666V3.33331C2 2.22874 2.89543 1.33331 4 1.33331H14V12C13.6318 12 13.3333 12.2985 13.3333 12.6666C13.3333 13.0348 13.6318 13.3333 14 13.3333V14.6666ZM12 12.6666C12 12.4329 12.0401 12.2085 12.1138 12H4C3.63181 12 3.33333 12.2985 3.33333 12.6666C3.33333 13.0348 3.63181 13.3333 4 13.3333H12.1138C12.0401 13.1248 12 12.9004 12 12.6666ZM4 2.66665H12.6667V10.6666H4C3.76624 10.6666 3.54185 10.7067 3.33333 10.7805V3.33331C3.33333 2.96512 3.63181 2.66665 4 2.66665Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/book_open.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BookOpen = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M4.33268 10.6667C4.8549 10.6667 5.36335 10.7249 5.85802 10.8414C6.35224 10.9582 6.84379 11.1334 7.33268 11.3667V4.80002C6.87713 4.53335 6.39379 4.33335 5.88268 4.20002C5.37157 4.06669 4.8549 4.00002 4.33268 4.00002C3.93268 4.00002 3.53557 4.03891 3.14135 4.11669C2.74668 4.19446 2.36602 4.31113 1.99935 4.46669V11.0667C2.38824 10.9334 2.77446 10.8334 3.15802 10.7667C3.54113 10.7 3.93268 10.6667 4.33268 10.6667ZM8.66602 11.3667C9.1549 11.1334 9.64668 10.9582 10.1413 10.8414C10.6356 10.7249 11.1438 10.6667 11.666 10.6667C12.066 10.6667 12.4578 10.7 12.8413 10.7667C13.2245 10.8334 13.6105 10.9334 13.9993 11.0667V4.46669C13.6327 4.31113 13.2522 4.19446 12.858 4.11669C12.4633 4.03891 12.066 4.00002 11.666 4.00002C11.1438 4.00002 10.6271 4.06669 10.116 4.20002C9.60491 4.33335 9.12157 4.53335 8.66602 4.80002V11.3667ZM7.99935 13.3334C7.46602 12.9111 6.88824 12.5834 6.26602 12.35C5.64379 12.1167 4.99935 12 4.33268 12C3.86602 12 3.40779 12.0611 2.95802 12.1834C2.50779 12.3056 2.07713 12.4778 1.66602 12.7C1.43268 12.8222 1.20779 12.8167 0.991349 12.6834C0.77446 12.55 0.666016 12.3556 0.666016 12.1V4.06669C0.666016 3.94446 0.696682 3.8278 0.758016 3.71669C0.818905 3.60558 0.91046 3.52224 1.03268 3.46669C1.54379 3.20002 2.07713 3.00002 2.63268 2.86669C3.18824 2.73335 3.7549 2.66669 4.33268 2.66669C4.97713 2.66669 5.60779 2.75002 6.22468 2.91669C6.84113 3.08335 7.43268 3.33335 7.99935 3.66669C8.56602 3.33335 9.15779 3.08335 9.77468 2.91669C10.3911 2.75002 11.0216 2.66669 11.666 2.66669C12.2438 2.66669 12.8105 2.73335 13.366 2.86669C13.9216 3.00002 14.4549 3.20002 14.966 3.46669C15.0882 3.52224 15.18 3.60558 15.2414 3.71669C15.3022 3.8278 15.3327 3.94446 15.3327 4.06669V12.1C15.3327 12.3556 15.2245 12.55 15.008 12.6834C14.7911 12.8167 14.566 12.8222 14.3327 12.7C13.9216 12.4778 13.4909 12.3056 13.0407 12.1834C12.5909 12.0611 12.1327 12 11.666 12C10.9993 12 10.3549 12.1167 9.73268 12.35C9.11046 12.5834 8.53268 12.9111 7.99935 13.3334Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/bookmark.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Bookmark = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.33398 15.0787L8.00065 12.7453L12.6673 15.0787V2.66665C12.6673 1.93027 12.0704 1.33331 11.334 1.33331H4.66732C3.93094 1.33331 3.33398 1.93027 3.33398 2.66665V15.0787ZM8.00065 11.2546L4.66732 12.9213V2.66665H11.334V12.9213L8.00065 11.2546Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/bookmark_add.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BookmarkAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.334 11.3333V12.9213L8.00065 11.2546L4.66732 12.9213V2.66665H11.334V3.33331H12.6673V2.66665C12.6673 1.93027 12.0704 1.33331 11.334 1.33331H4.66732C3.93094 1.33331 3.33398 1.93027 3.33398 2.66665V15.0787L8.00065 12.7453L12.6673 15.0787V11.3333H11.334ZM12.0007 5.33331V6.66665H10.6673V7.99998H12.0007V9.33331H13.334V7.99998H14.6673V6.66665H13.334V5.33331H12.0007Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/bookmark_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BookmarkSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.80414 0.861938L0.861328 1.80475L3.33273 4.27615V15.0787L7.9994 12.7454L12.6661 15.0787V13.6095L14.1947 15.1381L15.1375 14.1953L1.80414 0.861938ZM11.3327 12.2762L4.66607 5.60949V12.9213L7.9994 11.2547L11.3327 12.9213V12.2762ZM11.3327 2.66668V8.52387L12.6661 9.8572V2.66668C12.6661 1.9303 12.0691 1.33334 11.3327 1.33334H4.66607C4.50925 1.33334 4.35876 1.36041 4.21901 1.41014L5.47554 2.66668H11.3327Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/bookmarks.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Bookmarks = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66667 0.666687C5.93768 0.666687 5.34534 1.26159 5.33351 2.00002H12.6667V11.9437L14 12.6217V2.02254C14 1.27372 13.403 0.666687 12.6667 0.666687H6.66667ZM6.66667 12.7454L2 15.0787V4.66669C2 3.93031 2.59695 3.33335 3.33333 3.33335H10C10.7364 3.33335 11.3333 3.93031 11.3333 4.66669V15.0787L6.66667 12.7454ZM3.33333 12.9213L6.66667 11.2547L10 12.9213V4.66669H3.33333V12.9213Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/basic/books.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Books = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M2.81547 13.1866C2.81547 13.1852 11.7044 13.1852 11.7044 13.1852V11.7022C11.7044 11.7037 2.81547 11.7037 2.81547 11.7037V13.1866ZM1.33398 11.7022C1.33398 10.8844 1.99695 10.2222 2.81102 10.2222H11.7088C12.5244 10.2222 13.1858 10.8874 13.1858 11.7022V13.1866C13.186 13.5787 13.0306 13.9548 12.7536 14.2323C12.4767 14.5098 12.1009 14.6661 11.7088 14.6666H2.81102C2.41901 14.6659 2.04333 14.5096 1.76642 14.2321C1.4895 13.9546 1.33398 13.5787 1.33398 13.1866V11.7022Z" />
+      <path d="M2.81547 10.2222H11.7044V8.74072H2.81547V10.2222ZM1.33398 7.25924H13.1858V11.7037H1.33398V7.25924Z" />
+      <path d="M4.29695 7.26072C4.29695 7.25924 13.1858 7.25924 13.1858 7.25924V5.77628C13.1858 5.77776 4.29695 5.77776 4.29695 5.77776V7.26072ZM2.81547 5.77628C2.81547 4.9585 3.47843 4.29628 4.2925 4.29628H13.1903C14.0058 4.29628 14.6673 4.96146 14.6673 5.77628V7.26072C14.6675 7.65279 14.5121 8.0289 14.2351 8.30641C13.9581 8.58392 13.5823 8.74013 13.1903 8.74072H4.2925C3.9005 8.73994 3.52481 8.58366 3.2479 8.30619C2.97099 8.02872 2.81546 7.65273 2.81547 7.26072V5.77628Z" />
+      <path d="M2.81547 2.81479V4.29628H11.7044V2.81479H2.81547ZM1.33398 2.81331C1.33398 1.99554 1.99695 1.33331 2.81102 1.33331H11.7088C12.5244 1.33331 13.1858 1.9985 13.1858 2.81331V5.77776H1.33398V2.81331Z" />
+    </Icon>
+  );
+};

package/src/icons/basic/box.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Box = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 12.6667V6C14.0704 6 14.6673 5.40305 14.6673 4.66667V3.33333C14.6673 2.59695 14.0704 2 13.334 2H2.66732C1.93094 2 1.33398 2.59695 1.33398 3.33333V4.66667C1.33398 5.40305 1.93094 6 2.66732 6V12.6667C2.66732 13.403 3.26427 14 4.00065 14H12.0007C12.737 14 13.334 13.403 13.334 12.6667ZM4.00065 12.6667V6H12.0007V12.6667H4.00065ZM6.00065 8V6.66667H10.0007V8H6.00065ZM2.66732 4.66667V3.33333H13.334V4.66667H2.66732Z"
+      />
+    </Icon>
+  );
+};

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