@soul-refiner/design-system 0.0.26 → 0.1.2

package/src/icons/file/pdf.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PDF = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M6.00065 8.33331H6.66732V6.99998H7.33398C7.52287 6.99998 7.68132 6.93598 7.80932 6.80798C7.93687 6.68042 8.00065 6.5222 8.00065 6.33331V5.66665C8.00065 5.47776 7.93687 5.31931 7.80932 5.19131C7.68132 5.06376 7.52287 4.99998 7.33398 4.99998H6.00065V8.33331ZM6.66732 6.33331V5.66665H7.33398V6.33331H6.66732ZM8.66732 8.33331H10.0007C10.1895 8.33331 10.348 8.26931 10.476 8.14131C10.6035 8.01376 10.6673 7.85554 10.6673 7.66665V5.66665C10.6673 5.47776 10.6035 5.31931 10.476 5.19131C10.348 5.06376 10.1895 4.99998 10.0007 4.99998H8.66732V8.33331ZM9.33398 7.66665V5.66665H10.0007V7.66665H9.33398ZM11.334 8.33331H12.0007V6.99998H12.6673V6.33331H12.0007V5.66665H12.6673V4.99998H11.334V8.33331ZM5.33398 12C4.96732 12 4.65354 11.8695 4.39265 11.6086C4.13132 11.3473 4.00065 11.0333 4.00065 10.6666V2.66665C4.00065 2.29998 4.13132 1.98598 4.39265 1.72465C4.65354 1.46376 4.96732 1.33331 5.33398 1.33331H13.334C13.7007 1.33331 14.0147 1.46376 14.276 1.72465C14.5369 1.98598 14.6673 2.29998 14.6673 2.66665V10.6666C14.6673 11.0333 14.5369 11.3473 14.276 11.6086C14.0147 11.8695 13.7007 12 13.334 12H5.33398ZM5.33398 10.6666H13.334V2.66665H5.33398V10.6666ZM2.66732 14.6666C2.30065 14.6666 1.98687 14.5362 1.72598 14.2753C1.46465 14.014 1.33398 13.7 1.33398 13.3333V3.99998H2.66732V13.3333H12.0007V14.6666H2.66732Z" />
+    </Icon>
+  );
+};

package/src/icons/file/photo.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Photo = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.9993 3.33333C14.7357 3.33333 15.3327 3.93029 15.3327 4.66667V12.6667C15.3327 13.403 14.7357 14 13.9993 14H1.99935C1.26297 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.26297 2 1.99935 2H5.99935C6.74602 2 7.22131 2.31697 7.69867 2.91924C7.71187 2.93589 7.74402 2.97733 7.77964 3.02323L7.77973 3.02335L7.77984 3.02349C7.83013 3.08829 7.88725 3.1619 7.90767 3.18721C7.92834 3.21284 7.94576 3.23403 7.96017 3.25154C8.0188 3.32285 8.0273 3.33319 8.00054 3.33333H13.9993ZM13.9993 12.6667V4.66667L7.99578 4.66666C7.51701 4.66409 7.20514 4.43994 6.8699 4.02436C6.83953 3.9867 6.76571 3.89155 6.71213 3.82248L6.71198 3.82229C6.68401 3.78624 6.66158 3.75732 6.65375 3.74744C6.40403 3.43238 6.25551 3.33333 5.99935 3.33333H1.99935V12.6667H13.9993ZM9.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.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.66667ZM11.9993 6C11.9993 6.36819 12.2978 6.66667 12.666 6.66667C13.0342 6.66667 13.3327 6.36819 13.3327 6C13.3327 5.63181 13.0342 5.33333 12.666 5.33333C12.2978 5.33333 11.9993 5.63181 11.9993 6Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/bitcoin.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Bitcoin = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.66732 2.7095C10.2765 2.92507 11.334 3.94773 11.334 5.66658C11.334 6.53769 11.0624 7.22999 10.585 7.72904C11.4674 8.20139 12.0007 9.08688 12.0007 10.3333C12.0007 12.2681 10.7156 13.3333 8.83398 13.3333H8.66732V14.6666H7.33398V13.3333H6.00065V14.6666H4.66732V13.3333H3.33398V11.9999H4.66732V3.99992H3.33398V2.66659H4.66732V1.33325H6.00065V2.66659H7.33398V1.33325H8.66732V2.7095ZM8.00065 3.99992H6.00065V7.33325H8.00065C9.30477 7.33325 10.0007 6.79249 10.0007 5.66659C10.0007 4.54068 9.30477 3.99992 8.00065 3.99992ZM6.00065 8.66659V11.9999H8.83398C10.0288 11.9999 10.6673 11.4706 10.6673 10.3333C10.6673 9.19588 10.0288 8.66659 8.83398 8.66659H6.00065Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/credit_card.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CreditCard = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V11.3333C15.3327 12.0697 14.79 12.6667 14.1206 12.6667H1.87814C1.2087 12.6667 0.666016 12.0697 0.666016 11.3333V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM1.99935 6.66667V11.3333H13.9993V6.66667H1.99935ZM1.99935 5.33333H13.9993V3.33333H1.99935V5.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/credit_card_add.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CreditCardAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.1206 2H1.87814C1.2087 2 0.666016 2.59695 0.666016 3.33333V11.3333C0.666016 12.0697 1.2087 12.6667 1.87814 12.6667H9.33268V11.3333H1.99935V6.66667H13.9993V8.66667H15.3327L15.3327 3.33333C15.3327 2.59695 14.79 2 14.1206 2ZM13.9993 5.33333V3.33333H1.99935V5.33333H13.9993ZM11.3327 12.6667V11.3333H12.666V10H13.9993V11.3333H15.3327V12.6667H13.9993V14H12.666V12.6667H11.3327Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/credit_card_face.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CreditCardFace = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V11.3333C15.3327 12.0697 14.79 12.6667 14.1206 12.6667H1.87814C1.2087 12.6667 0.666016 12.0697 0.666016 11.3333V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM1.99935 3.33333V11.3333H13.9993V3.33333H1.99935ZM3.33268 8.66667V10H4.66602V8.66667H3.33268ZM5.33268 10V8.66667H7.33268V10H5.33268ZM11.3327 8.66667V10H12.666V8.66667H11.3327ZM9.33268 10V8.66667H10.666V10H9.33268ZM5.33268 5.33333H3.33268V7.33333H5.33268V5.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/credit_card_outcome.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CreditCardOutcome = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V8H13.9993V6.66667H1.99935V11.3333H7.99935V12.6667L1.87814 12.6667C1.2087 12.6667 0.666016 12.0697 0.666016 11.3333V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM13.9993 3.33333V5.33333H1.99935V3.33333H13.9993ZM9.33268 11.3333H12.3899L11.5279 12.1953L12.4708 13.1381L14.9422 10.6667L12.4708 8.19526L11.5279 9.13807L12.3899 10H9.33268V11.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/credit_card_scan.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CreditCardScan = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.33268 2V3.33333H1.99935V4.66667H0.666016V3.33333C0.666016 2.59695 1.2087 2 1.87814 2H3.33268ZM3.87814 4H12.1206C12.79 4 13.3327 4.59695 13.3327 5.33333V10.6667C13.3327 11.403 12.79 12 12.1206 12H3.87814C3.2087 12 2.66602 11.403 2.66602 10.6667V5.33333C2.66602 4.59695 3.2087 4 3.87814 4ZM3.99935 8V10.6667H11.9993V8H3.99935ZM3.99935 6.66667H11.9993V5.33333H3.99935V6.66667ZM12.666 12.6667V14H14.1206C14.79 14 15.3327 13.403 15.3327 12.6667V11.3333H13.9993V12.6667H12.666ZM12.666 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V4.66667H13.9993V3.33333H12.666V2ZM1.87814 14H3.33268V12.6667H1.99935V11.3333H0.666016V12.6667C0.666016 13.403 1.2087 14 1.87814 14Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/credit_card_share.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CreditCardShare = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V11.3333C15.3327 12.0697 14.79 12.6667 14.1206 12.6667L7.33268 12.6667V11.3333H13.9993V6.66667H1.99935V8H0.666016V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM13.9993 3.33333V5.33333H1.99935V3.33333H13.9993ZM0.666016 11.3333H3.72321L2.86128 12.1953L3.80409 13.1381L6.27549 10.6667L3.80409 8.19526L2.86128 9.13807L3.72321 10H0.666016V11.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/credit_card_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CreditCardSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 12.6667H12.3899L14.1946 14.4715L15.1374 13.5286L1.80409 0.195312L0.861278 1.13812L1.7327 2.00955C1.13184 2.08858 0.666016 2.65114 0.666016 3.33338V11.3334C0.666016 12.0698 1.2087 12.6667 1.87814 12.6667ZM1.99935 3.33338H3.05654L5.05654 5.33338H1.99935V3.33338ZM6.38987 6.66672H1.99935V11.3334H11.0565L6.38987 6.66672ZM5.47549 2.00005L6.80883 3.33338H13.9993V5.33338H8.80882L10.1422 6.66672H13.9993V10.5239L15.2612 11.7857C15.3074 11.6445 15.3327 11.4922 15.3327 11.3334V3.33338C15.3327 2.597 14.79 2.00005 14.1206 2.00005H5.47549Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/currency_exchange.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CurrencyExchange = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M7.99935 15.3334C6.7549 15.3334 5.61046 15.0501 4.56602 14.4834C3.52157 13.9167 2.66602 13.1612 1.99935 12.2167V14.0001H0.666016V10.0001H4.66602V11.3334H3.01602C3.54935 12.1334 4.25224 12.7779 5.12468 13.2667C5.99668 13.7556 6.9549 14.0001 7.99935 14.0001C8.83268 14.0001 9.61335 13.8419 10.3413 13.5254C11.0689 13.2085 11.7022 12.7805 12.2414 12.2414C12.78 11.7027 13.2078 11.0694 13.5247 10.3414C13.8411 9.61386 13.9993 8.83342 13.9993 8.00008H15.3327C15.3327 9.01119 15.1411 9.96119 14.758 10.8501C14.3745 11.739 13.8493 12.5167 13.1827 13.1834C12.516 13.8501 11.7382 14.375 10.8493 14.7581C9.96046 15.1416 9.01046 15.3334 7.99935 15.3334ZM7.39935 12.6667V11.8001C6.87713 11.6779 6.45224 11.453 6.12468 11.1254C5.79668 10.7974 5.5549 10.3667 5.39935 9.83342L6.49935 9.40008C6.63268 9.85564 6.84113 10.1972 7.12468 10.4247C7.40779 10.6527 7.73268 10.7667 8.09935 10.7667C8.46602 10.7667 8.77979 10.6805 9.04068 10.5081C9.30202 10.3361 9.43268 10.0667 9.43268 9.70008C9.43268 9.37786 9.29668 9.11675 9.02468 8.91675C8.75224 8.71675 8.26602 8.48897 7.56602 8.23342C6.91046 8.00008 6.43002 7.7223 6.12468 7.40008C5.8189 7.07786 5.66602 6.65564 5.66602 6.13341C5.66602 5.67786 5.82446 5.26386 6.14135 4.89141C6.45779 4.51941 6.88824 4.27786 7.43268 4.16675V3.33341H8.59935V4.16675C8.99935 4.20008 9.36335 4.36119 9.69135 4.65008C10.0189 4.93897 10.2438 5.27786 10.366 5.66675L9.29935 6.10008C9.21046 5.84453 9.06602 5.63075 8.86602 5.45875C8.66602 5.2863 8.38824 5.20008 8.03268 5.20008C7.64379 5.20008 7.34668 5.28341 7.14135 5.45008C6.93557 5.61675 6.83268 5.84453 6.83268 6.13341C6.83268 6.4223 6.96046 6.65008 7.21602 6.81675C7.47157 6.98342 7.93268 7.17786 8.59935 7.40008C9.39935 7.68897 9.93268 8.02786 10.1993 8.41675C10.466 8.80564 10.5993 9.23341 10.5993 9.70008C10.5993 10.0223 10.5438 10.3056 10.4327 10.5501C10.3216 10.7945 10.1745 11.0027 9.99135 11.1747C9.80779 11.3472 9.59379 11.4861 9.34935 11.5914C9.1049 11.6972 8.84379 11.7779 8.56602 11.8334V12.6667H7.39935ZM0.666016 8.00008C0.666016 6.98897 0.857793 6.03897 1.24135 5.15008C1.62446 4.26119 2.14935 3.48341 2.81602 2.81675C3.48268 2.15008 4.26046 1.62497 5.14935 1.24141C6.03824 0.858304 6.98824 0.666748 7.99935 0.666748C9.24379 0.666748 10.3882 0.950081 11.4327 1.51675C12.4771 2.08341 13.3327 2.83897 13.9993 3.78341V2.00008H15.3327V6.00008H11.3327V4.66675H12.9827C12.4493 3.86675 11.7465 3.2223 10.874 2.73341C10.002 2.24453 9.04379 2.00008 7.99935 2.00008C7.16602 2.00008 6.38557 2.1583 5.65802 2.47475C4.93002 2.79164 4.29668 3.21941 3.75802 3.75808C3.2189 4.29719 2.7909 4.93053 2.47402 5.65808C2.15757 6.38608 1.99935 7.16675 1.99935 8.00008H0.666016Z" />
+    </Icon>
+  );
+};

package/src/icons/finance/dollar.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Dollar = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M7.40676 14.6666V13.074C6.75244 12.9258 6.18774 12.6419 5.71268 12.2221C5.23713 11.8024 4.88824 11.2098 4.66602 10.4444L6.03639 9.88881C6.22157 10.4814 6.49639 10.932 6.86083 11.2407C7.22478 11.5493 7.70305 11.7036 8.29565 11.7036C8.80182 11.7036 9.23095 11.5895 9.58305 11.3614C9.93466 11.1328 10.1105 10.7777 10.1105 10.2962C10.1105 9.86412 9.97466 9.5214 9.70305 9.26807C9.43145 9.01523 8.80182 8.72831 7.81416 8.40733C6.75244 8.07399 6.02404 7.67597 5.62898 7.21325C5.23392 6.75004 5.03639 6.1851 5.03639 5.51844C5.03639 4.71597 5.29565 4.09251 5.81416 3.64807C6.33268 3.20362 6.86355 2.95054 7.40676 2.88881V1.33325H8.88824V2.88881C9.50552 2.98757 10.0149 3.21276 10.4164 3.56436C10.8174 3.91646 11.1105 4.3456 11.2956 4.85177L9.92527 5.44436C9.77713 5.0493 9.56725 4.753 9.29565 4.55547C9.02404 4.35794 8.65367 4.25918 8.18453 4.25918C7.64132 4.25918 7.22774 4.37967 6.94379 4.62066C6.65984 4.86115 6.51787 5.16041 6.51787 5.51844C6.51787 5.92584 6.70305 6.24683 7.07342 6.4814C7.44379 6.71597 8.08577 6.96288 8.99935 7.22214C9.8512 7.46905 10.4964 7.86091 10.9349 8.3977C11.3729 8.93498 11.5919 9.55547 11.5919 10.2592C11.5919 11.1357 11.3327 11.8024 10.8142 12.2592C10.2956 12.716 9.65367 12.9999 8.88824 13.111V14.6666H7.40676Z" />
+    </Icon>
+  );
+};

package/src/icons/finance/ethereum.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Ethereum = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.00045 0.798096L12.8017 7.99995L8.00045 15.2018L3.19922 7.99995L8.00045 0.798096ZM5.94766 9.71891L8.00045 12.7981L10.0532 9.71891L8.00045 10.7453L5.94766 9.71891ZM4.97406 7.74139L8.00045 3.2018L11.0268 7.74139L8.00045 9.25459L4.97406 7.74139Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/index.ts

@@ -0,0 +1,14 @@
+export { Bitcoin } from './bitcoin';
+export { CreditCard } from './credit_card';
+export { CreditCardAdd } from './credit_card_add';
+export { CreditCardFace } from './credit_card_face';
+export { CreditCardOutcome } from './credit_card_outcome';
+export { CreditCardScan } from './credit_card_scan';
+export { CreditCardShare } from './credit_card_share';
+export { CreditCardSlash } from './credit_card_slash';
+export { CurrencyExchange } from './currency_exchange';
+export { Dollar } from './dollar';
+export { Ethereum } from './ethereum';
+export { PayPass } from './paypass';
+export { Strongbox } from './strongbox';
+export { Wallet } from './wallet';

package/src/icons/finance/paypass.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PayPass = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.666 7.99952C12.666 5.6134 12.0967 3.41973 11.1422 1.75952L9.9441 2.35677C10.7912 3.79607 11.3287 5.78312 11.3287 7.99952C11.3287 10.2159 10.7912 12.203 9.9441 13.6423L11.1422 14.2395C12.0967 12.5793 12.666 10.3856 12.666 7.99952ZM9.99136 7.99952C9.99136 6.11222 9.50132 4.36627 8.67334 2.99021L7.4736 3.58826C8.2041 4.75828 8.65404 6.29811 8.65404 7.99952C8.65404 9.70093 8.2041 11.2408 7.4736 12.4108L8.67334 13.0088C9.50132 11.6328 9.99136 9.88683 9.99136 7.99952ZM6.24517 4.2006C6.92152 5.28035 7.31671 6.59087 7.31671 7.99952C7.31671 9.40817 6.92152 10.7187 6.24517 11.7984L5.04286 11.1991C5.62999 10.3099 5.97939 9.2035 5.97939 7.99952C5.97939 6.79555 5.62999 5.68913 5.04286 4.79992L6.24517 4.2006ZM4.64206 7.99952C4.64206 7.04603 4.36183 6.15453 3.87175 5.38369L2.66602 5.98472C3.0725 6.57852 3.30474 7.26802 3.30474 7.99952C3.30474 8.73102 3.0725 9.42052 2.66602 10.0143L3.87175 10.6154C4.36183 9.84451 4.64206 8.95302 4.64206 7.99952Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/strongbox.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Strongbox = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.4552 1.33325H2.54611C1.87667 1.33325 1.33398 1.93021 1.33398 2.66659V13.3333C1.33398 14.0696 1.87667 14.6666 2.54611 14.6666H3.33398V15.3333H4.66732V14.6666H11.334V15.3333H12.6673V14.6666H13.4552C14.1246 14.6666 14.6673 14.0696 14.6673 13.3333V2.66659C14.6673 1.93021 14.1246 1.33325 13.4552 1.33325ZM2.66732 13.3333V2.66659H13.334V3.99992H12.6673V5.33325H13.334V10.6666H12.6673V11.9999H13.334V13.3333H2.66732ZM11.8054 10.8618L10.8626 11.8047L9.3553 10.2974C8.95829 10.532 8.49519 10.6666 8.00065 10.6666C7.50611 10.6666 7.04302 10.532 6.64601 10.2974L5.13872 11.8047L4.19591 10.8618L5.7032 9.35456C5.4686 8.95756 5.33398 8.49446 5.33398 7.99992C5.33398 7.50538 5.4686 7.04228 5.7032 6.64527L4.19591 5.13799L5.13872 4.19518L6.64601 5.70247C7.04302 5.46787 7.50611 5.33325 8.00065 5.33325C8.49519 5.33325 8.95829 5.46787 9.3553 5.70247L10.8626 4.19518L11.8054 5.13799L10.2981 6.64527C10.5327 7.04228 10.6673 7.50538 10.6673 7.99992C10.6673 8.49446 10.5327 8.95756 10.2981 9.35456L11.8054 10.8618ZM9.33398 7.99992C9.33398 8.7363 8.73703 9.33325 8.00065 9.33325C7.26427 9.33325 6.66732 8.7363 6.66732 7.99992C6.66732 7.26354 7.26427 6.66658 8.00065 6.66658C8.73703 6.66658 9.33398 7.26354 9.33398 7.99992Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/finance/wallet.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Wallet = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.301 0.93519C11.0091 0.732891 11.7471 1.14288 11.9493 1.85093C11.9834 1.97005 12.0007 2.09333 12.0007 2.21722V3.3334H13.334C14.0704 3.3334 14.6673 3.93036 14.6673 4.66673V12.6667C14.6673 13.4031 14.0704 14.0001 13.334 14.0001H2.66732C1.93094 14.0001 1.33398 13.4031 1.33398 12.6667H1.35179C1.33995 12.595 1.33398 12.5224 1.33398 12.4496V4.50294C1.33398 3.90763 1.72862 3.38445 2.30102 3.2209L10.301 0.93519ZM6.76069 12.6667H13.334V7.3334H12.0007V10.1639C12.0007 10.7592 11.606 11.2824 11.0336 11.4459L6.76069 12.6667ZM12.0007 4.66673H13.334V6.00007H12.0007V4.66673ZM2.66732 4.50292V12.4496L10.6673 10.1638V2.2172L2.66732 4.50292ZM9.33398 6.00007C9.33398 6.36826 9.03551 6.66673 8.66732 6.66673C8.29913 6.66673 8.00065 6.36826 8.00065 6.00007C8.00065 5.63188 8.29913 5.3334 8.66732 5.3334C9.03551 5.3334 9.33398 5.63188 9.33398 6.00007Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/index.ts

@@ -0,0 +1,20 @@
+export * from './arrow';
+export * from './audio_video';
+export * from './basic';
+export * from './data';
+export * from './email';
+export * from './file';
+export * from './finance';
+export * from './layout';
+export * from './maps';
+export * from './message';
+export * from './misc';
+export * from './notifications';
+export * from './people';
+export * from './phone';
+export * from './security';
+export * from './shopping';
+export * from './symbols';
+export * from './technology';
+export * from './text';
+export * from './time';

package/src/icons/layout/block_align_bottom.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockAlignBottom = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.42922 12.6666H6.57208C5.86353 12.6666 5.33398 12.0488 5.33398 11.3333V2.66659C5.33398 1.95106 5.86353 1.33325 6.57208 1.33325H9.42922C10.1378 1.33325 10.6673 1.95106 10.6673 2.66659V11.3333C10.6673 12.0488 10.1378 12.6666 9.42922 12.6666ZM9.33398 2.66659H6.66732V11.3333H9.33398V2.66659ZM1.33398 13.3333V14.6666H14.6673V13.3333H1.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/block_align_center.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockAlignCenter = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.33398 10.6666H2.66732C1.95179 10.6666 1.33398 10.137 1.33398 9.42849V6.57135C1.33398 5.8628 1.95179 5.33325 2.66732 5.33325H7.33398V1.33325H8.66732V5.33325H13.334C14.0495 5.33325 14.6673 5.8628 14.6673 6.57135V9.42849C14.6673 10.137 14.0495 10.6666 13.334 10.6666H8.66732V14.6666H7.33398V10.6666ZM2.66732 6.66658V9.33325H13.334V6.66658H2.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/block_align_left.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockAlignLeft = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33325H1.33398V14.6666H2.66732V1.33325ZM14.6673 6.57135V9.42849C14.6673 10.137 14.0495 10.6666 13.334 10.6666H4.66732C3.95179 10.6666 3.33398 10.137 3.33398 9.42849V6.57135C3.33398 5.8628 3.95179 5.33325 4.66732 5.33325H13.334C14.0495 5.33325 14.6673 5.8628 14.6673 6.57135ZM4.66732 6.66659V9.33325H13.334V6.66659H4.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/block_align_middle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockAlignMiddle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.33398 7.33325V2.66659C5.33398 1.95106 5.86353 1.33325 6.57208 1.33325H9.42922C10.1378 1.33325 10.6673 1.95106 10.6673 2.66659V7.33325H14.6673V8.66658H10.6673V13.3333C10.6673 14.0488 10.1378 14.6666 9.42922 14.6666H6.57208C5.86353 14.6666 5.33398 14.0488 5.33398 13.3333V8.66658H1.33398V7.33325H5.33398ZM9.33398 2.66659H6.66732V13.3333H9.33398V2.66659Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/block_align_right.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockAlignRight = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 1.33325H13.334V14.6666H14.6673V1.33325ZM12.6673 6.57135V9.42849C12.6673 10.137 12.0495 10.6666 11.334 10.6666H2.66732C1.95179 10.6666 1.33398 10.137 1.33398 9.42849V6.57135C1.33398 5.8628 1.95179 5.33325 2.66732 5.33325H11.334C12.0495 5.33325 12.6673 5.8628 12.6673 6.57135ZM2.66732 6.66659V9.33325H11.334V6.66659H2.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/block_align_top.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockAlignTop = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 1.33325V2.66659H14.6673V1.33325H1.33398ZM9.42922 14.6666H6.57208C5.86353 14.6666 5.33398 14.0488 5.33398 13.3333V4.66659C5.33398 3.95106 5.86353 3.33325 6.57208 3.33325H9.42922C10.1378 3.33325 10.6673 3.95106 10.6673 4.66659V13.3333C10.6673 14.0488 10.1378 14.6666 9.42922 14.6666ZM9.33398 13.3333V4.66659H6.66732V13.3333H9.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/block_horizontal.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockHorizontal = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 3.33325V4.66659H14.6673V3.33325H1.33398ZM13.334 9.42849V6.57135C13.334 5.8628 12.7162 5.33325 12.0007 5.33325H4.00065C3.28512 5.33325 2.66732 5.8628 2.66732 6.57135V9.42849C2.66732 10.137 3.28512 10.6666 4.00065 10.6666H12.0007C12.7162 10.6666 13.334 10.137 13.334 9.42849ZM4.00065 9.33325V6.66659H12.0007V9.33325H4.00065ZM1.33398 12.6666V11.3333H14.6673V12.6666H1.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/block_vertical.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BlockVertical = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.33398 1.33325H4.66732V14.6666H3.33398V1.33325ZM6.57208 13.3333H9.42922C10.1378 13.3333 10.6673 12.7154 10.6673 11.9999V3.99992C10.6673 3.28439 10.1378 2.66659 9.42922 2.66659H6.57208C5.86353 2.66659 5.33398 3.28439 5.33398 3.99992V11.9999C5.33398 12.7154 5.86353 13.3333 6.57208 13.3333ZM6.66732 3.99992H9.33398V11.9999H6.66732V3.99992ZM12.6673 1.33325H11.334V14.6666H12.6673V1.33325Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/edit_shape.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const EditShape = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.3327 12.6666C15.3327 11.7958 14.7761 11.0549 13.9993 10.7804V5.21945C14.7761 4.94489 15.3327 4.20406 15.3327 3.33325C15.3327 2.22868 14.4373 1.33325 13.3327 1.33325C12.4619 1.33325 11.721 1.88979 11.4465 2.66659H4.55221C4.27765 1.88979 3.53683 1.33325 2.66602 1.33325C1.56145 1.33325 0.666016 2.22868 0.666016 3.33325C0.666016 4.20406 1.22255 4.94489 1.99935 5.21945V10.7804C1.22255 11.0549 0.666016 11.7958 0.666016 12.6666C0.666016 13.7712 1.56145 14.6666 2.66602 14.6666C3.53683 14.6666 4.27765 14.11 4.55221 13.3333H11.4465C11.721 14.11 12.4619 14.6666 13.3327 14.6666C14.4373 14.6666 15.3327 13.7712 15.3327 12.6666ZM12.666 5.21945V10.7804C12.0977 10.9812 11.6473 11.4316 11.4465 11.9999H4.55221C4.35136 11.4316 3.90096 10.9812 3.33268 10.7804V5.21945C3.90096 5.01859 4.35136 4.56819 4.55221 3.99992H11.4465C11.6473 4.56819 12.0977 5.01859 12.666 5.21945ZM2.66602 3.99992C3.03421 3.99992 3.33268 3.70144 3.33268 3.33325C3.33268 2.96506 3.03421 2.66659 2.66602 2.66659C2.29783 2.66659 1.99935 2.96506 1.99935 3.33325C1.99935 3.70144 2.29783 3.99992 2.66602 3.99992ZM13.9993 3.33325C13.9993 3.70144 13.7009 3.99992 13.3327 3.99992C12.9645 3.99992 12.666 3.70144 12.666 3.33325C12.666 2.96506 12.9645 2.66659 13.3327 2.66659C13.7009 2.66659 13.9993 2.96506 13.9993 3.33325ZM2.66602 13.3333C3.03421 13.3333 3.33268 13.0348 3.33268 12.6666C3.33268 12.2984 3.03421 11.9999 2.66602 11.9999C2.29783 11.9999 1.99935 12.2984 1.99935 12.6666C1.99935 13.0348 2.29783 13.3333 2.66602 13.3333ZM13.9993 12.6666C13.9993 13.0348 13.7009 13.3333 13.3327 13.3333C12.9645 13.3333 12.666 13.0348 12.666 12.6666C12.666 12.2984 12.9645 11.9999 13.3327 11.9999C13.7009 11.9999 13.9993 12.2984 13.9993 12.6666Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/elements.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Elements = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.33398 7.25918V1.33325H7.25991V7.25918H1.33398ZM1.33398 14.6666V8.74066H7.25991V14.6666H1.33398ZM8.74139 7.25918V1.33325H14.6673V7.25918H8.74139ZM8.74139 14.6666V8.74066H14.6673V14.6666H8.74139ZM2.81547 5.7777H5.77843V2.81473H2.81547V5.7777ZM10.2229 5.7777H13.1858V2.81473H10.2229V5.7777ZM10.2229 13.1851H13.1858V10.2221H10.2229V13.1851ZM2.81547 13.1851H5.77843V10.2221H2.81547V13.1851Z" />
+    </Icon>
+  );
+};

package/src/icons/layout/elements_add.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ElementsAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33325H6.00065C6.73703 1.33325 7.33398 1.93021 7.33398 2.66659V5.99992C7.33398 6.7363 6.73703 7.33325 6.00065 7.33325H2.66732C1.93094 7.33325 1.33398 6.7363 1.33398 5.99992V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325ZM2.66732 8.66658H6.00065C6.73703 8.66658 7.33398 9.26354 7.33398 9.99992V13.3333C7.33398 14.0696 6.73703 14.6666 6.00065 14.6666H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V9.99992C1.33398 9.26354 1.93094 8.66658 2.66732 8.66658ZM12.0006 8.66658H10.6673V10.6666H8.66732V11.9999H10.6673V13.9999H12.0006V11.9999H14.0006V10.6666H12.0006V8.66658ZM2.66732 13.3333V9.99992H6.00065V13.3333H2.66732ZM2.66732 5.99992V2.66659H6.00065V5.99992H2.66732ZM10.0007 1.33325H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659V5.99992C14.6673 6.7363 14.0704 7.33325 13.334 7.33325H10.0007C9.26427 7.33325 8.66732 6.7363 8.66732 5.99992V2.66659C8.66732 1.93021 9.26427 1.33325 10.0007 1.33325ZM10.0007 5.99992V2.66659H13.334V5.99992H10.0007Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/elements_filled.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ElementsFilled = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.33398 7.25918V1.33325H7.25991V7.25918H1.33398ZM1.33398 14.6666V8.74066H7.25991V14.6666H1.33398ZM8.74139 7.25918V1.33325H14.6673V7.25918H8.74139ZM8.74139 14.6666V8.74066H14.6673V14.6666H8.74139Z" />
+    </Icon>
+  );
+};

package/src/icons/layout/elements_masonry.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ElementsMasonry = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 8.66658H10.0007C9.26427 8.66658 8.66732 9.26354 8.66732 9.99992V13.3333C8.66732 14.0696 9.26427 14.6666 10.0007 14.6666H13.334C14.0704 14.6666 14.6673 14.0696 14.6673 13.3333V9.99992C14.6673 9.26354 14.0704 8.66658 13.334 8.66658ZM10.0007 13.3333V9.99992H13.334V13.3333H10.0007ZM7.33398 2.66659V13.3333C7.33398 14.0696 6.73703 14.6666 6.00065 14.6666H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325H6.00065C6.73703 1.33325 7.33398 1.93021 7.33398 2.66659ZM6.00065 2.66659H2.66732V13.3333H6.00065V2.66659ZM13.334 1.33325H10.0007C9.26427 1.33325 8.66732 1.93021 8.66732 2.66659V5.99992C8.66732 6.7363 9.26427 7.33325 10.0007 7.33325H13.334C14.0704 7.33325 14.6673 6.7363 14.6673 5.99992V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325ZM10.0007 5.99992V2.66659H13.334V5.99992H10.0007Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/frame.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Frame = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 1.33325H2.66732C1.93094 1.33325 1.33398 1.93021 1.33398 2.66659V13.3333C1.33398 14.0696 1.93094 14.6666 2.66732 14.6666H13.334C14.0704 14.6666 14.6673 14.0696 14.6673 13.3333V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325ZM2.66732 13.3333V2.66659H13.334V13.3333H2.66732ZM3.33398 3.33325H12.6673V12.6666H3.33398V3.33325ZM4.66732 11.3333V4.66659H11.334V11.3333H4.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/frame_stack.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const FrameStack = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 3.33325V10.6666C14.0704 10.6666 14.6673 10.0696 14.6673 9.33325V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325H6.66732C5.93094 1.33325 5.33398 1.93021 5.33398 2.66659H12.6673C13.0355 2.66659 13.334 2.96506 13.334 3.33325ZM11.334 12.6666V5.33325C11.334 4.96506 11.0355 4.66659 10.6673 4.66659H3.33398C3.33398 3.93021 3.93094 3.33325 4.66732 3.33325H11.334C12.0704 3.33325 12.6673 3.93021 12.6673 4.66659V11.3333C12.6673 12.0696 12.0704 12.6666 11.334 12.6666ZM9.33398 5.33325H2.66732C1.93094 5.33325 1.33398 5.93021 1.33398 6.66659V13.3333C1.33398 14.0696 1.93094 14.6666 2.66732 14.6666H9.33398C10.0704 14.6666 10.6673 14.0696 10.6673 13.3333V6.66659C10.6673 5.93021 10.0704 5.33325 9.33398 5.33325ZM2.66732 13.3333V6.66659H9.33398V13.3333H2.66732Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Grid = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 1.33325H2.66732C1.93094 1.33325 1.33398 1.93021 1.33398 2.66659V13.3333C1.33398 14.0696 1.93094 14.6666 2.66732 14.6666H13.334C14.0704 14.6666 14.6673 14.0696 14.6673 13.3333V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325ZM2.66732 13.3333V8.66658H7.33398V13.3333H2.66732ZM8.66732 13.3333H13.334V8.66658H8.66732V13.3333ZM8.66732 7.33325H13.334V2.66659H8.66732V7.33325ZM7.33398 2.66659H2.66732V7.33325H7.33398V2.66659Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_column_three.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridColumnThree = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 13.3333V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325H10.6673H5.33398H2.66732C1.93094 1.33325 1.33398 1.93021 1.33398 2.66659V13.3333C1.33398 14.0696 1.93094 14.6666 2.66732 14.6666H5.33398H10.6673H13.334C14.0704 14.6666 14.6673 14.0696 14.6673 13.3333ZM13.334 2.66659H10.6673V13.3333H13.334V2.66659ZM5.33398 13.3333V2.66659H2.66732V13.3333H5.33398ZM6.66732 2.66659H9.33398V13.3333H6.66732V2.66659Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_column_two.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridColumnTwo = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 2.66659V13.3333C14.6673 14.0696 14.0704 14.6666 13.334 14.6666L8.66732 14.6666H7.33398L2.66732 14.6666C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325H7.33398H8.66732H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659ZM8.66732 2.66659H13.334V13.3333H8.66732V2.66659ZM7.33398 2.66659V13.3333H2.66732V2.66659H7.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_dynamic.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridDynamic = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33325H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659V13.3333C14.6673 14.0696 14.0704 14.6666 13.334 14.6666H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325ZM2.66732 2.66659V5.33325H7.33398L7.33398 2.66659H2.66732ZM8.66732 2.66659L8.66732 9.33325H13.334L13.334 2.66659H8.66732ZM8.66732 10.6666L8.66732 13.3333H13.334L13.334 10.6666H8.66732ZM7.33398 13.3333L7.33398 6.66658H2.66732V13.3333H7.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_frame.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridFrame = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.6673 11.3333V4.66658H14.6673V3.33325H12.6673V1.33325H11.334V3.33325H4.66732V1.33325H3.33398V3.33325H1.33398V4.66658H3.33398V11.3333H1.33398V12.6666H3.33398V14.6666H4.66732V12.6666H11.334V14.6666H12.6673V12.6666H14.6673V11.3333H12.6673ZM4.66732 4.66659H11.334V11.3333H4.66732V4.66659Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_row_three.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridRowThree = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 1.33325H2.66732C1.93094 1.33325 1.33398 1.93021 1.33398 2.66659V5.33325V10.6666V13.3333C1.33398 14.0696 1.93094 14.6666 2.66732 14.6666H13.334C14.0704 14.6666 14.6673 14.0696 14.6673 13.3333V10.6666V5.33325V2.66659C14.6673 1.93021 14.0704 1.33325 13.334 1.33325ZM2.66732 13.3333V10.6666H13.334V13.3333H2.66732ZM2.66732 5.33325H13.334V2.66659H2.66732V5.33325ZM2.66732 9.33325V6.66658H13.334V9.33325H2.66732Z"
+      />
+    </Icon>
+  );
+};