@soul-refiner/design-system 0.0.26 → 0.1.0

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,13 @@
+export * from './basic';
+export * from './data';
+export * from './email';
+export * from './finance';
+export * from './file';
+export * from './layout';
+export * from './maps';
+export * from './message';
+export * from './notifications';
+export * from './people';
+export * from './security';
+export * from './symbols';
+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>
+  );
+};

package/src/icons/layout/grid_row_two.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridRowTwo = (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.66659L14.6673 7.33325V8.66658L14.6673 13.3333C14.6673 14.0696 14.0704 14.6666 13.334 14.6666H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V8.66658V7.33325V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325ZM2.66732 8.66658V13.3333H13.334V8.66658H2.66732ZM13.334 7.33325H2.66732V2.66659H13.334V7.33325Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_six.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridSix = (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.6666H10.6673H5.33398H2.66732C1.93094 14.6666 1.33398 14.0696 1.33398 13.3333V2.66659C1.33398 1.93021 1.93094 1.33325 2.66732 1.33325H5.33398H10.6673H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659ZM10.6673 2.66659H13.334V7.33325H10.6673V2.66659ZM9.33398 8.66658H6.66732V13.3333H9.33398V8.66658ZM6.66732 7.33325H9.33398V2.66659H6.66732V7.33325ZM5.33398 7.33325H2.66732V2.66659H5.33398V7.33325ZM5.33398 8.66658H2.66732V13.3333H5.33398V8.66658ZM10.6673 13.3333V8.66658H13.334V13.3333H10.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/grid_small.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GridSmall = (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.3333V10.6666H5.33398V13.3333H2.66732ZM6.66732 13.3333H9.33398V10.6666H6.66732V13.3333ZM6.66732 9.33325H9.33398V6.66658H6.66732V9.33325ZM6.66732 5.33325H9.33398V2.66659H6.66732V5.33325ZM5.33398 2.66659V5.33325H2.66732V2.66659H5.33398ZM5.33398 6.66658V9.33325H2.66732V6.66658H5.33398ZM10.6673 13.3333V10.6666H13.334V13.3333H10.6673ZM10.6673 6.66658V9.33325H13.334V6.66658H10.6673ZM13.334 5.33325H10.6673V2.66659H13.334V5.33325Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/iframe.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const IFrame = (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 8.66658V13.3333H7.33398V8.66658H2.66732ZM2.66732 7.33325H7.33398C8.07036 7.33325 8.66732 7.93021 8.66732 8.66658V13.3333H13.334V2.66659H2.66732V7.33325Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/index.ts

@@ -0,0 +1,44 @@
+export { BlockAlignBottom } from './block_align_bottom';
+export { BlockAlignCenter } from './block_align_center';
+export { BlockAlignLeft } from './block_align_left';
+export { BlockAlignMiddle } from './block_align_middle';
+export { BlockAlignRight } from './block_align_right';
+export { BlockAlignTop } from './block_align_top';
+export { BlockHorizontal } from './block_horizontal';
+export { BlockVertical } from './block_vertical';
+export { EditShape } from './edit_shape';
+export { Elements } from './elements';
+export { ElementsAdd } from './elements_add';
+export { ElementsFilled } from './elements_filled';
+export { ElementsMasonry } from './elements_masonry';
+export { Frame } from './frame';
+export { FrameStack } from './frame_stack';
+export { Grid } from './grid';
+export { GridColumnThree } from './grid_column_three';
+export { GridColumnTwo } from './grid_column_two';
+export { GridDynamic } from './grid_dynamic';
+export { GridFrame } from './grid_frame';
+export { GridRowThree } from './grid_row_three';
+export { GridRowTwo } from './grid_row_two';
+export { GridSix } from './grid_six';
+export { GridSmall } from './grid_small';
+export { IFrame } from './iframe';
+export { Kanban } from './kanban';
+export { Layout } from './layout';
+export { List } from './list';
+export { ListFilled } from './list_filled';
+export { Padding } from './padding';
+export { PageBreak } from './page_break';
+export { RotateLeft } from './rotate_left';
+export { RotateRight } from './rotate_right';
+export { Ruler } from './ruler';
+export { Segment } from './segment';
+export { SelectBoundary } from './select_boundary';
+export { SelectArea } from './select_area';
+export { SidebarLeft } from './sidebar_left';
+export { SidebarRight } from './sidebar_right';
+export { Slides } from './slides';
+export { SlidesHorizontal } from './slides_horizontal';
+export { SlidesVertical } from './slides_vertical';
+export { Stack } from './stack';
+export { Text } from './text';

package/src/icons/layout/kanban.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Kanban = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.33398 13.3333V2.66659C7.33398 1.93021 6.73703 1.33325 6.00065 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.6666H6.00065C6.73703 14.6666 7.33398 14.0696 7.33398 13.3333ZM2.66732 2.66659H6.00065V13.3333H2.66732V2.66659ZM14.6673 2.66659V10.6666C14.6673 11.403 14.0704 11.9999 13.334 11.9999H10.0007C9.26427 11.9999 8.66732 11.403 8.66732 10.6666V2.66659C8.66732 1.93021 9.26427 1.33325 10.0007 1.33325H13.334C14.0704 1.33325 14.6673 1.93021 14.6673 2.66659ZM10.0007 2.66659H13.334V10.6666H10.0007V2.66659Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/layout.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Layout = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.1206 2H1.87814C1.2087 2 0.666016 2.59695 0.666016 3.33333V12.6667C0.666016 13.403 1.2087 14 1.87814 14H5.33268H6.66602H14.1206C14.79 14 15.3327 13.403 15.3327 12.6667V3.33333C15.3327 2.59695 14.79 2 14.1206 2ZM6.66602 12.6667H13.9993V6.66667H6.66602V12.6667ZM5.33268 6.66667H1.99935V12.6667H5.33268V6.66667ZM13.9993 5.33333H1.99935V3.33333H13.9993V5.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/list.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const List = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 5.99992H6.66732V9.99992H14.6673V5.99992ZM13.334 7.33325V8.66658H8.00065V7.33325H13.334ZM5.33398 5.99992H1.33398V9.99992H5.33398V5.99992ZM4.00065 7.33325V8.66658H2.66732V7.33325H4.00065ZM4.00065 2.66659H2.66732V3.99992H4.00065V2.66659ZM4.00065 11.9999H2.66732V13.3333H4.00065V11.9999ZM1.33398 10.6666H5.33398V14.6666H1.33398V10.6666ZM13.334 2.66659H8.00065V3.99992H13.334V2.66659ZM14.6673 1.33325H6.66732V5.33325H14.6673V1.33325ZM13.334 11.9999H8.00065V13.3333H13.334V11.9999ZM6.66732 10.6666H14.6673V14.6666H6.66732V10.6666ZM1.33398 1.33325V5.33325H5.33398V1.33325H1.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/list_filled.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ListFilled = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.33398 1.33325H5.33398V5.33325H1.33398V1.33325Z" />
+      <path d="M1.33398 10.6666H5.33398V14.6666H1.33398V10.6666Z" />
+      <path d="M1.33398 5.99992H5.33398V9.99992H1.33398V5.99992Z" />
+      <path d="M6.66732 1.33325H14.6673V5.33325H6.66732V1.33325Z" />
+      <path d="M6.66732 10.6666H14.6673V14.6666H6.66732V10.6666Z" />
+      <path d="M6.66732 5.99992H14.6673V9.99992H6.66732V5.99992Z" />
+    </Icon>
+  );
+};

package/src/icons/layout/padding.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Padding = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.87814 2H14.1206C14.79 2 15.3327 2.59695 15.3327 3.33333V12.6667C15.3327 13.403 14.79 14 14.1206 14H1.87814C1.2087 14 0.666016 13.403 0.666016 12.6667V3.33333C0.666016 2.59695 1.2087 2 1.87814 2ZM1.99935 3.33333V12.6667H13.9993V3.33333H1.99935ZM3.99935 8.66667H7.33268V10.6667H6.66602V12H9.33268V10.6667H8.66602V8.66667H11.9993V9.33333H13.3327V6.66667H11.9993V7.33333H8.66602V5.33333H9.33268V4H6.66602V5.33333H7.33268V7.33333H3.99935V6.66667H2.66602V9.33333H3.99935V8.66667Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/layout/page_break.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PageBreak = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.0007 1.33325V4.66659C14.0007 5.40297 13.4037 5.99992 12.6673 5.99992H3.33398C2.5976 5.99992 2.00065 5.40297 2.00065 4.66659V1.33325H3.33398V4.66659H12.6673V1.33325H14.0007ZM14.0007 11.3333V14.6666H12.6673V11.3333H3.33398V14.6666H2.00065V11.3333C2.00065 10.5969 2.5976 9.99992 3.33398 9.99992H12.6673C13.4037 9.99992 14.0007 10.5969 14.0007 11.3333ZM2.66732 8.66658V7.33325H1.33398V8.66658H2.66732ZM4.66732 7.33325V8.66658H3.33398V7.33325H4.66732ZM6.66732 8.66658V7.33325H5.33398V8.66658H6.66732ZM8.66732 7.33325V8.66658H7.33398V7.33325H8.66732ZM10.6673 8.66658V7.33325H9.33398V8.66658H10.6673ZM12.6673 7.33325V8.66658H11.334V7.33325H12.6673ZM14.6673 8.66658V7.33325H13.334V8.66658H14.6673Z"
+      />
+    </Icon>
+  );
+};