@soul-refiner/design-system 0.0.25 → 0.1.0

package/src/icons/arrow/arrow_both_downwards.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowBothDownwards = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.27614 3.33333L12.6667 11.7239V9.33333H14V14H9.33333V12.6667H11.7239L3.33333 4.27614V6.66667H2V2H6.66667V3.33333H4.27614Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_both_upwards.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowBothUpwards = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.33333 3.33333V2H14V6.66667H12.6667V4.27614L4.27614 12.6667H6.66667V14H2V9.33333H3.33333V11.7239L11.7239 3.33333H9.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_circle_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowCircleLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.12936 4.66671H6.66732V6.00004H2.00065V1.33337H3.33398V3.51361C4.48406 2.12172 6.13116 1.33337 8.00065 1.33337C11.6825 1.33337 14.6673 4.31814 14.6673 8.00004C14.6673 11.6819 11.6825 14.6667 8.00065 14.6667C4.31875 14.6667 1.33398 11.6819 1.33398 8.00004H2.66732C2.66732 10.9456 5.05513 13.3334 8.00065 13.3334C10.9462 13.3334 13.334 10.9456 13.334 8.00004C13.334 5.05452 10.9462 2.66671 8.00065 2.66671C6.4049 2.66671 5.03634 3.38584 4.12936 4.66671Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_circle_left_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowCircleLeftDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.66732 4.66671H4.12936C5.03634 3.38584 6.4049 2.66671 8.00065 2.66671C10.9462 2.66671 13.334 5.05452 13.334 8.00004H14.6673C14.6673 4.31814 11.6825 1.33337 8.00065 1.33337C6.13116 1.33337 4.48406 2.12172 3.33398 3.51361V1.33337H2.00065V6.00004H6.66732V4.66671ZM9.33398 11.3334H11.8719C10.965 12.6142 9.5964 13.3334 8.00065 13.3334C5.05513 13.3334 2.66732 10.9456 2.66732 8.00004H1.33398C1.33398 11.6819 4.31875 14.6667 8.00065 14.6667C9.87014 14.6667 11.5172 13.8784 12.6673 12.4865V14.6667H14.0007V10H9.33398V11.3334Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_circle_left_double_alert.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowCircleLeftDoubleAlert = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.33398 4.66671H4.12936C5.03634 3.38584 6.4049 2.66671 8.00065 2.66671C10.9462 2.66671 13.334 5.05452 13.334 8.00004H14.6673C14.6673 4.31814 11.6825 1.33337 8.00065 1.33337C6.13116 1.33337 4.48406 2.12172 3.33398 3.51361V2.66671H2.00065V6.00004H5.33398V4.66671ZM10.6673 11.3334H11.8719C10.965 12.6142 9.5964 13.3334 8.00065 13.3334C5.05513 13.3334 2.66732 10.9456 2.66732 8.00004H1.33398C1.33398 11.6819 4.31875 14.6667 8.00065 14.6667C9.87014 14.6667 11.5172 13.8784 12.6673 12.4865V13.3334H14.0007V10H10.6673V11.3334ZM8.00087 10.6656C8.36918 10.6656 8.66776 10.3671 8.66776 9.99894C8.66776 9.63075 8.36918 9.33227 8.00087 9.33227C7.63256 9.33227 7.33398 9.63075 7.33398 9.99894C7.33398 10.3671 7.63256 10.6656 8.00087 10.6656ZM8.66972 4.6656H7.33595V8.66561H8.66972V4.6656Z"
+      />
+    </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" d="" fill="#4A4F55" />
+</svg>;

package/src/icons/arrow/arrow_circle_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowCircleRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.8719 4.66671C10.965 3.38584 9.5964 2.66671 8.00065 2.66671C5.05513 2.66671 2.66732 5.05452 2.66732 8.00004C2.66732 10.9456 5.05513 13.3334 8.00065 13.3334C10.9462 13.3334 13.334 10.9456 13.334 8.00004H14.6673C14.6673 11.6819 11.6825 14.6667 8.00065 14.6667C4.31875 14.6667 1.33398 11.6819 1.33398 8.00004C1.33398 4.31814 4.31875 1.33337 8.00065 1.33337C9.87014 1.33337 11.5172 2.12172 12.6673 3.51361V1.33337H14.0007V6.00004H9.33398V4.66671H11.8719Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_circle_right_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowCircleRightDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.00065 2.66671C9.5964 2.66671 10.965 3.38584 11.8719 4.66671H9.33398V6.00004H14.0007V1.33337H12.6673V3.51361C11.5172 2.12172 9.87014 1.33337 8.00065 1.33337C4.31875 1.33337 1.33398 4.31814 1.33398 8.00004H2.66732C2.66732 5.05452 5.05513 2.66671 8.00065 2.66671ZM8.00065 13.3334C6.4049 13.3334 5.03634 12.6142 4.12936 11.3334H6.66732V10H2.00065V14.6667H3.33398V12.4865C4.48406 13.8784 6.13116 14.6667 8.00065 14.6667C11.6825 14.6667 14.6673 11.6819 14.6673 8.00004H13.334C13.334 10.9456 10.9462 13.3334 8.00065 13.3334Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_circle_right_double_alert.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowCircleRightDoubleAlert = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.00065 2.66671C9.5964 2.66671 10.965 3.38584 11.8719 4.66671H10.6673V6.00004H14.0007V2.66671H12.6673V3.51361C11.5172 2.12172 9.87014 1.33337 8.00065 1.33337C4.31875 1.33337 1.33398 4.31814 1.33398 8.00004H2.66732C2.66732 5.05452 5.05513 2.66671 8.00065 2.66671ZM8.00065 13.3334C6.4049 13.3334 5.03634 12.6142 4.12936 11.3334H5.33398V10H2.00065V13.3334H3.33398V12.4865C4.48406 13.8784 6.13116 14.6667 8.00065 14.6667C11.6825 14.6667 14.6673 11.6819 14.6673 8.00004H13.334C13.334 10.9456 10.9462 13.3334 8.00065 13.3334ZM8.00087 10.6656C8.36918 10.6656 8.66776 10.3671 8.66776 9.99894C8.66776 9.63075 8.36918 9.33227 8.00087 9.33227C7.63256 9.33227 7.33398 9.63075 7.33398 9.99894C7.33398 10.3671 7.63256 10.6656 8.00087 10.6656ZM8.66972 4.6656H7.33595V8.66561H8.66972V4.6656Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_down_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalDownLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.33333 12.6667V14H2V6.66668H3.33333V11.7239L12.1953 2.86194L13.1381 3.80475L4.27614 12.6667H9.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_down_left_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalDownLeftCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM9.99935 10.6666V9.33329H7.60883L11.1374 5.8047L10.1946 4.86189L6.66602 8.39048V5.99996H5.33268V10.6666H9.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_down_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalDownRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.6661 11.7239V6.66668H13.9994V14H6.66607V12.6667H11.7233L2.86133 3.80475L3.80414 2.86194L12.6661 11.7239Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_down_right_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalDownRightCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM9.33268 5.99996V8.39048L5.80409 4.86189L4.86128 5.8047L8.38987 9.33329H5.99935V10.6666H10.666V5.99996H9.33268Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_up_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalUpLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.27614 3.33333L13.1381 12.1953L12.1953 13.1381L3.33333 4.27614V9.33333H2V2H9.33333V3.33333H4.27614Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_up_left_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalUpLeftCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM11.1374 10.1952L7.60883 6.66663H9.99935V5.33329H5.33268V9.99996H6.66602V7.60944L10.1946 11.138L11.1374 10.1952Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_up_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalUpRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.6661 4.27614L3.80414 13.1381L2.86133 12.1953L11.7233 3.33333H6.66607V2H13.9994V9.33333H12.6661V4.27614Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_diagonal_up_right_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDiagonalUpRightCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM5.80409 11.138L9.33268 7.60944V9.99996H10.666V5.33329H5.99935V6.66663H8.38987L4.86128 10.1952L5.80409 11.138Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_down.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDown = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.33338 12.3905V2H8.66672V12.3905L12.862 8.19526L13.8048 9.13807L8.00005 14.9428L2.19531 9.13807L3.13812 8.19526L7.33338 12.3905Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_down_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDownBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.135 7.99998H10.5457L9.21233 1.33331H6.78592L5.45259 7.99998H1.86328L7.99913 15.0124L14.135 7.99998ZM11.1966 9.33331L7.99913 12.9876L4.80164 9.33331H6.54566L7.879 2.66665H8.11926L9.45259 9.33331H11.1966Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_down_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowDownCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM7.33268 4.66663V9.05715L5.80409 7.52855L4.86128 8.47136L7.99935 11.6094L11.1374 8.47136L10.1946 7.52855L8.66602 9.05715V4.66663H7.33268Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.27689 8.66666L8.47216 12.8619L7.52935 13.8047L1.72461 7.99999L7.52935 2.19525L8.47216 3.13806L4.27689 7.33332H14.0008V8.66666H4.27689Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_left_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowLeftBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.00068 14.1358V10.5465L14.6673 9.21318V6.78678L8.00068 5.45345V1.86414L0.988281 7.99998L8.00068 14.1358ZM6.66734 11.1975L3.01307 7.99998L6.66734 4.80249V6.54652L13.334 7.87985V8.12011L6.66734 9.45345V11.1975Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_left_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowLeftCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM11.3327 7.33329H6.94216L8.47075 5.8047L7.52794 4.86189L4.38987 7.99996L7.52794 11.138L8.47075 10.1952L6.94216 8.66663H11.3327V7.33329Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_left_curved.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowLeftCurved = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.60893 6.66668H10.6661C12.8753 6.66668 14.6661 8.45754 14.6661 10.6667C14.6661 12.8758 12.8753 14.6667 10.6661 14.6667H8.99945V13.3333H10.6661C12.1389 13.3333 13.3328 12.1394 13.3328 10.6667C13.3328 9.19392 12.1389 8.00001 10.6661 8.00001H3.60893L6.47085 10.8619L5.52805 11.8047L1.05664 7.33334L5.52805 2.86194L6.47085 3.80475L3.60893 6.66668Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_left_curved_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowLeftCurvedCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM7.80409 8.86189L6.27549 7.33329H9.33268C10.0691 7.33329 10.666 7.93025 10.666 8.66663C10.666 9.40301 10.0691 9.99996 9.33268 9.99996V11.3333C10.8054 11.3333 11.9993 10.1394 11.9993 8.66663C11.9993 7.19387 10.8054 5.99996 9.33268 5.99996H6.27549L7.80409 4.47136L6.86128 3.52855L3.72321 6.66663L6.86128 9.8047L7.80409 8.86189Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.7239 8.66666H2V7.33332H11.7239L7.5286 3.13806L8.4714 2.19525L14.2761 7.99999L8.4714 13.8047L7.5286 12.8619L11.7239 8.66666Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_right_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowRightBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 9.21318L8.00065 10.5465V14.1358L15.013 7.99998L8.00065 1.86414V5.45345L1.33398 6.78678V9.21318ZM9.33398 4.80249L12.9883 7.99998L9.33398 11.1975V9.45345L2.66732 8.12011V7.87985L9.33398 6.54652V4.80249Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_right_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowRightCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM4.66602 8.66663H9.05654L7.52794 10.1952L8.47075 11.138L11.6088 7.99996L8.47075 4.86189L7.52794 5.8047L9.05654 7.33329H4.66602V8.66663Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_right_curved.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowRightCurved = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.3912 6.66668L9.52925 3.80475L10.4721 2.86194L14.9435 7.33334L10.4721 11.8047L9.52925 10.8619L12.3912 8.00001H5.33398C3.86123 8.00001 2.66732 9.19392 2.66732 10.6667C2.66732 12.1394 3.86123 13.3333 5.33398 13.3333H7.00065V14.6667H5.33398C3.12485 14.6667 1.33398 12.8758 1.33398 10.6667C1.33398 8.45754 3.12485 6.66668 5.33398 6.66668H12.3912Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_right_curved_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowRightCurvedCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM8.19461 4.47136L9.72321 5.99996H6.66602C5.19326 5.99996 3.99935 7.19387 3.99935 8.66663C3.99935 10.1394 5.19326 11.3333 6.66602 11.3333V9.99996C5.92964 9.99996 5.33268 9.40301 5.33268 8.66663C5.33268 7.93025 5.92964 7.33329 6.66602 7.33329H9.72321L8.19461 8.86189L9.13742 9.8047L12.2755 6.66663L9.13742 3.52855L8.19461 4.47136Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_up.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowUp = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66672 3.60947V14.6667H7.33338V3.60947L3.13812 7.80474L2.19531 6.86193L8.00005 1.05719L13.8048 6.86193L12.862 7.80474L8.66672 3.60947Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_up_bold.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowUpBold = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.86328 8H5.45259L6.78592 14.6667H9.21233L10.5457 8H14.135L7.99913 0.98761L1.86328 8ZM7.99913 3.0124L11.1966 6.66667H9.45259L8.11926 13.3333H7.879L6.54566 6.66667H4.80164L7.99913 3.0124Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/arrow_up_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ArrowUpCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM8.66602 11.3333V6.94277L10.1946 8.47136L11.1374 7.52855L7.99935 4.39048L4.86128 7.52855L5.80409 8.47136L7.33268 6.94277V11.3333H8.66602Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDown = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.862 4.86194L13.8048 5.80475L8.00005 11.6095L2.19531 5.80475L3.13812 4.86194L8.00005 9.72387L12.862 4.86194Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDownCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM11.1374 7.13803L10.1946 6.19522L7.99935 8.39048L5.80409 6.19522L4.86128 7.13803L7.99935 10.2761L11.1374 7.13803Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDownDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.5293 3.52856L8.0007 7.05716L4.47211 3.52856L3.5293 4.47137L8.0007 8.94278L12.4721 4.47137L11.5293 3.52856ZM12.4721 7.80471L11.5293 6.8619L8.0007 10.3905L4.47211 6.8619L3.5293 7.80471L8.0007 12.2761L12.4721 7.80471Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_down_double_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronDownDoubleCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM10.1946 7.52856L11.1374 8.47136L7.99935 11.6094L4.86128 8.47136L5.80409 7.52856L7.99935 9.72382L10.1946 7.52856ZM10.1946 4.86189L7.99935 7.05715L5.80409 4.86189L4.86128 5.8047L7.99935 8.94277L11.1374 5.8047L10.1946 4.86189Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.27624 7.99993L11.1382 12.8619L10.1954 13.8047L4.39062 7.99993L10.1954 2.19519L11.1382 3.138L6.27624 7.99993Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeftCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99935 15.3333C3.94926 15.3333 0.666016 12.05 0.666016 7.99996C0.666016 3.94987 3.94926 0.666626 7.99935 0.666626C12.0494 0.666626 15.3327 3.94987 15.3327 7.99996C15.3327 12.05 12.0494 15.3333 7.99935 15.3333ZM7.99935 14C11.3131 14 13.9993 11.3137 13.9993 7.99996C13.9993 4.68625 11.3131 1.99996 7.99935 1.99996C4.68564 1.99996 1.99935 4.68625 1.99935 7.99996C1.99935 11.3137 4.68564 14 7.99935 14ZM8.19461 11.138L9.13742 10.1952L6.94216 7.99996L9.13742 5.8047L8.19461 4.86189L5.05654 7.99996L8.19461 11.138Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left_double.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeftDouble = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.52805 12.4714L8.47085 11.5286L4.94226 7.99997L8.47085 4.47137L7.52805 3.52856L3.05664 7.99997L7.52805 12.4714ZM11.8042 11.5286L8.27559 7.99997L11.8042 4.47137L10.8614 3.52856L6.38997 7.99997L10.8614 12.4714L11.8042 11.5286Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/arrow/chevron_left_double_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ChevronLeftDoubleCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM7.52794 11.138L4.38987 7.99996L7.52794 4.86189L8.47075 5.8047L6.27549 7.99996L8.47075 10.1952L7.52794 11.138ZM10.1946 11.138L11.1374 10.1952L8.94216 7.99996L11.1374 5.8047L10.1946 4.86189L7.05654 7.99996L10.1946 11.138Z"
+      />
+    </Icon>
+  );
+};