@soul-refiner/design-system 0.0.26 → 0.1.2

package/src/icons/shopping/point_of_sale.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PointOfSale = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 4.00004H10.6673V2.70592C10.6673 1.95614 10.0792 1.33337 9.33398 1.33337H2.66732C1.92215 1.33337 1.33398 1.95614 1.33398 2.70592V13.2942C1.33398 14.0439 1.92215 14.6667 2.66732 14.6667H9.33398C10.0792 14.6667 10.6673 14.0439 10.6673 13.2942V12H13.334C14.0704 12 14.6673 11.4031 14.6673 10.6667V5.33337C14.6673 4.59699 14.0704 4.00004 13.334 4.00004ZM10.6673 7.33337H13.334V10.6667H10.6673V7.33337ZM9.33398 13.2942V2.70592C9.33398 2.69263 9.33225 2.6834 9.33109 2.67725C9.32964 2.66958 9.3291 2.66671 9.33398 2.66671H2.66732C2.6722 2.66671 2.67166 2.66958 2.67021 2.67725C2.66906 2.6834 2.66732 2.69263 2.66732 2.70592V13.2942C2.66732 13.3075 2.66906 13.3167 2.67021 13.3228C2.67166 13.3305 2.6722 13.3334 2.66732 13.3334H9.33398C9.3291 13.3334 9.32964 13.3305 9.33109 13.3228C9.33225 13.3167 9.33398 13.3075 9.33398 13.2942ZM3.33398 11.3334V12.6667H4.66732V11.3334H3.33398ZM5.33398 12.6667V11.3334H6.66732V12.6667H5.33398ZM7.33398 11.3334V12.6667H8.66732V11.3334H7.33398ZM3.33398 10.6667V9.33337H4.66732V10.6667H3.33398ZM5.33398 9.33337V10.6667H6.66732V9.33337H5.33398ZM7.33398 10.6667V9.33337H8.66732V10.6667H7.33398ZM8.66732 8.66671V3.33337H3.33398V8.66671H8.66732ZM4.66732 4.66671V7.33337H7.33398V4.66671H4.66732ZM13.334 5.33337V6.00004H10.6673V5.33337H13.334Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/shopping/shirt.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Shirt = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M14.53 1.33338H10.7685C10.4511 1.33338 10.1683 1.55046 10.0935 1.86787C9.86552 2.83105 9.00267 3.52243 7.99935 3.52243C6.99603 3.52243 6.13318 2.83105 5.90515 1.86787C5.86958 1.71563 5.7835 1.57992 5.66093 1.48286C5.53836 1.3858 5.38654 1.33311 5.2302 1.33338H1.46867C1.25579 1.33338 1.05163 1.41794 0.901107 1.56847C0.750581 1.71899 0.666016 1.92315 0.666016 2.13603V6.73304C0.666016 6.94592 0.750581 7.15008 0.901107 7.3006C1.05163 7.45113 1.25579 7.5357 1.46867 7.5357H2.83683V14.6136C2.83683 14.8265 2.92139 15.0307 3.07192 15.1812C3.22245 15.3317 3.4266 15.4163 3.63948 15.4163H12.3592C12.5721 15.4163 12.7763 15.3317 12.9268 15.1812C13.0773 15.0307 13.1619 14.8265 13.1619 14.6136V7.5357H14.53C14.7429 7.5357 14.9471 7.45113 15.0976 7.3006C15.2481 7.15008 15.3327 6.94592 15.3327 6.73304V2.13603C15.3327 1.92315 15.2481 1.71899 15.0976 1.56847C14.9471 1.41794 14.7429 1.33338 14.53 1.33338ZM14.0192 6.22226H11.8484V14.1029H4.15026V6.22226H1.97945V2.64681H4.77597C5.29039 3.94565 6.55457 4.83586 7.99935 4.83586C9.44413 4.83586 10.7083 3.94565 11.2227 2.64681H14.0192V6.22226Z" />
+    </Icon>
+  );
+};

package/src/icons/shopping/tag.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Tag = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.35614 3.33337H13.9993C14.7357 3.33337 15.3327 3.93033 15.3327 4.66671V11.3334C15.3327 12.0698 14.7357 12.6667 13.9993 12.6667H4.35614C3.91033 12.6667 3.49403 12.4439 3.24674 12.073L0.777982 8.36984C0.628694 8.14591 0.628694 7.85417 0.777982 7.63024L3.24674 3.92711C3.49403 3.55618 3.91033 3.33337 4.35614 3.33337ZM2.13392 8.00004L4.35614 11.3334H13.9993V4.66671H4.35614L2.13392 8.00004ZM5.33268 8.00004C5.33268 8.36823 5.03421 8.66671 4.66602 8.66671C4.29783 8.66671 3.99935 8.36823 3.99935 8.00004C3.99935 7.63185 4.29783 7.33337 4.66602 7.33337C5.03421 7.33337 5.33268 7.63185 5.33268 8.00004Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/shopping/tag_diagonal.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const TagDiagonal = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M9.50065 14.2667C9.2451 14.5223 8.92843 14.65 8.55065 14.65C8.17287 14.65 7.85621 14.5223 7.60065 14.2667L1.73398 8.40004C1.61176 8.27782 1.51465 8.13337 1.44265 7.96671C1.37021 7.80004 1.33398 7.62226 1.33398 7.43337V2.66671C1.33398 2.30004 1.46465 1.98604 1.72598 1.72471C1.98687 1.46382 2.30065 1.33337 2.66732 1.33337H7.43398C7.62287 1.33337 7.80065 1.36937 7.96732 1.44137C8.13398 1.51382 8.27843 1.61115 8.40065 1.73337L14.2673 7.61671C14.5229 7.87226 14.6507 8.18604 14.6507 8.55804C14.6507 8.93049 14.5229 9.24449 14.2673 9.50004L9.50065 14.2667ZM8.55065 13.3334L13.3173 8.56671L7.43398 2.66671H2.66732V7.43337L8.55065 13.3334ZM4.33398 5.33337C4.61176 5.33337 4.84776 5.23604 5.04198 5.04137C5.23665 4.84715 5.33398 4.61115 5.33398 4.33337C5.33398 4.0556 5.23665 3.8196 5.04198 3.62537C4.84776 3.43071 4.61176 3.33337 4.33398 3.33337C4.05621 3.33337 3.82021 3.43071 3.62598 3.62537C3.43132 3.8196 3.33398 4.0556 3.33398 4.33337C3.33398 4.61115 3.43132 4.84715 3.62598 5.04137C3.82021 5.23604 4.05621 5.33337 4.33398 5.33337Z" />
+    </Icon>
+  );
+};

package/src/icons/shopping/tote.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Tote = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.68944 4.00004C4.88543 2.5435 6.34101 1.33337 8.00038 1.33337C9.65974 1.33337 11.1153 2.5435 11.3113 4.00004H13.2317C13.9681 4.00004 14.565 4.59699 14.565 5.33337C14.565 5.39647 14.5606 5.45948 14.5516 5.52194L13.4088 13.5219C13.3149 14.1788 12.7524 14.6667 12.0888 14.6667H3.91191C3.24837 14.6667 2.68581 14.1788 2.59197 13.5219L1.44912 5.52194C1.34498 4.79296 1.85151 4.11758 2.58049 4.01344C2.64295 4.00452 2.70596 4.00004 2.76905 4.00004H4.68944ZM9.9523 4.00004C9.74964 3.29209 8.9324 2.66671 8.00038 2.66671C7.06836 2.66671 6.25112 3.29209 6.04846 4.00004H9.9523ZM2.76905 5.33337H4.66704V6.66671H6.00038V5.33337H10.0004V6.66671H11.3337V5.33337H13.2317L12.0888 13.3334H3.91191L2.76905 5.33337Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/symbols/at.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const At = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.0003 4.66658H11.3337V7.99992C11.3337 9.64721 11.46 9.99992 12.0003 9.99992C12.8699 9.99992 13.3337 9.58869 13.3337 7.99992C13.3337 4.47369 11.5651 2.66659 8.00043 2.66659C5.69107 2.66688 3.64426 4.15343 2.92958 6.34942C2.21491 8.54542 2.99476 10.9519 4.86162 12.3113C6.72847 13.6707 9.25815 13.6742 11.1287 12.3199L11.9106 13.3999C9.57241 15.0928 6.41031 15.0884 4.07674 13.3892C1.74318 11.6899 0.768363 8.68179 1.66171 5.9368C2.55505 3.19181 5.11356 1.33361 8.00035 1.33325C12.3079 1.33325 14.667 3.74365 14.667 7.99992C14.667 10.3632 13.573 11.3333 12.0003 11.3333C11.1044 11.3333 10.5917 11.0444 10.3102 10.4032C9.71111 10.9791 8.89708 11.3333 8.00035 11.3333C6.1594 11.3333 4.66702 9.84087 4.66702 7.99992C4.66702 6.15897 6.1594 4.66658 8.00035 4.66658C8.75075 4.66658 9.44324 4.91455 10.0003 5.33301V4.66658ZM10.0003 7.99992C10.0003 9.10449 9.10492 9.99992 8.00035 9.99992C6.89578 9.99992 6.00035 9.10449 6.00035 7.99992C6.00035 6.89535 6.89578 5.99992 8.00035 5.99992C9.10492 5.99992 10.0003 6.89535 10.0003 7.99992Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/symbols/cc.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CC = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.3327 8.00008C15.3327 3.94999 12.0494 0.666748 7.99935 0.666748C3.94926 0.666748 0.666016 3.94999 0.666016 8.00008C0.666016 12.0502 3.94926 15.3334 7.99935 15.3334C12.0494 15.3334 15.3327 12.0502 15.3327 8.00008ZM1.99935 8.00008C1.99935 4.68637 4.68564 2.00008 7.99935 2.00008C11.3131 2.00008 13.9993 4.68637 13.9993 8.00008C13.9993 11.3138 11.3131 14.0001 7.99935 14.0001C4.68564 14.0001 1.99935 11.3138 1.99935 8.00008ZM6.80444 8.98656L7.72225 9.95371C7.24316 10.4084 6.61315 10.6667 5.94447 10.6667C4.4978 10.6667 3.33268 9.46875 3.33268 8.00008C3.33268 6.53141 4.4978 5.33342 5.94447 5.33342C6.65857 5.33342 7.32742 5.62818 7.8149 6.13882L6.85047 7.0595C6.61108 6.80874 6.28888 6.66675 5.94447 6.66675C5.24261 6.66675 4.66602 7.25961 4.66602 8.00008C4.66602 8.74055 5.24261 9.33342 5.94447 9.33342C6.26691 9.33342 6.56985 9.20917 6.80444 8.98656ZM12.3889 9.95371L11.4711 8.98656C11.2365 9.20917 10.9336 9.33342 10.6111 9.33342C9.90928 9.33342 9.33268 8.74055 9.33268 8.00008C9.33268 7.25961 9.90928 6.66675 10.6111 6.66675C10.9555 6.66675 11.2777 6.80874 11.5171 7.0595L12.4816 6.13882C11.9941 5.62818 11.3252 5.33342 10.6111 5.33342C9.16447 5.33342 7.99935 6.53141 7.99935 8.00008C7.99935 9.46875 9.16447 10.6667 10.6111 10.6667C11.2798 10.6667 11.9098 10.4084 12.3889 9.95371Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/symbols/cmd.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Cmd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.33398 5.33325H6.66732V3.99992C6.66732 2.52716 5.47341 1.33325 4.00065 1.33325C2.52789 1.33325 1.33398 2.52716 1.33398 3.99992C1.33398 5.47268 2.52789 6.66658 4.00065 6.66658H5.33398V9.33325H4.00065C2.52789 9.33325 1.33398 10.5272 1.33398 11.9999C1.33398 13.4727 2.52789 14.6666 4.00065 14.6666C5.47341 14.6666 6.66732 13.4727 6.66732 11.9999V10.6666H9.33398V11.9999C9.33398 13.4727 10.5279 14.6666 12.0007 14.6666C13.4734 14.6666 14.6673 13.4727 14.6673 11.9999C14.6673 10.5272 13.4734 9.33325 12.0007 9.33325H10.6673V6.66658H12.0007C13.4734 6.66658 14.6673 5.47268 14.6673 3.99992C14.6673 2.52716 13.4734 1.33325 12.0007 1.33325C10.5279 1.33325 9.33398 2.52716 9.33398 3.99992V5.33325ZM6.66732 9.33325V6.66658H9.33398V9.33325H6.66732ZM10.6673 10.6666V11.9999C10.6673 12.7363 11.2643 13.3333 12.0007 13.3333C12.737 13.3333 13.334 12.7363 13.334 11.9999C13.334 11.2635 12.737 10.6666 12.0007 10.6666H10.6673ZM4.00065 10.6666H5.33398V11.9999C5.33398 12.7363 4.73703 13.3333 4.00065 13.3333C3.26427 13.3333 2.66732 12.7363 2.66732 11.9999C2.66732 11.2635 3.26427 10.6666 4.00065 10.6666ZM10.6673 5.33325H12.0007C12.737 5.33325 13.334 4.7363 13.334 3.99992C13.334 3.26354 12.737 2.66659 12.0007 2.66659C11.2643 2.66659 10.6673 3.26354 10.6673 3.99992V5.33325ZM5.33398 3.99992V5.33325H4.00065C3.26427 5.33325 2.66732 4.7363 2.66732 3.99992C2.66732 3.26354 3.26427 2.66659 4.00065 2.66659C4.73703 2.66659 5.33398 3.26354 5.33398 3.99992Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/symbols/facebook.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Facebook = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        d="M14.6673 7.99992C14.6673 4.31859 11.6827 1.33325 8.00065 1.33325C4.31865 1.33325 1.33398 4.31859 1.33398 7.99992C1.33398 11.3279 3.77198 14.0859 6.95932 14.5859V9.92659H5.26598V7.99992H6.95932V6.53059C6.95932 4.85992 7.95398 3.93725 9.47732 3.93725C10.2067 3.93725 10.9693 4.06725 10.9693 4.06725V5.70725H10.1293C9.30065 5.70725 9.04265 6.22192 9.04265 6.74925V7.99992H10.8913L10.596 9.92725H9.04265V14.5859C12.2293 14.0859 14.6673 11.3279 14.6673 7.99992Z"
+        fill="#2E81FF"
+      />
+    </Icon>
+  );
+};

package/src/icons/symbols/google.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Google = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.13346 3.91125C9.38546 3.91125 10.2301 4.45125 10.7115 4.90392L12.5928 3.06659C11.4375 1.99259 9.93346 1.33325 8.13346 1.33325C6.89773 1.33307 5.68629 1.67659 4.63459 2.32541C3.58289 2.97423 2.73238 3.90278 2.17813 5.00725L4.33346 6.68125C4.87413 5.07459 6.3708 3.91125 8.13346 3.91125Z"
+        fill="#F94949"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.3408 9.31858C4.19521 8.89412 4.12022 8.44865 4.1188 7.99992C4.1188 7.54059 4.20013 7.09659 4.33346 6.68125L2.17813 5.00725C1.71129 5.93559 1.46771 6.9608 1.4668 7.99992C1.4668 9.07392 1.72613 10.0886 2.17813 10.9933L4.3408 9.31858Z"
+        fill="#F9A742"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8.13346 14.6666C9.93346 14.6666 11.4448 14.0739 12.5481 13.0519L10.4448 11.4219C9.88146 11.8146 9.12613 12.0886 8.13346 12.0886C6.3708 12.0886 4.87413 10.9259 4.3408 9.31858L2.18546 10.9919C3.28146 13.1706 5.52613 14.6666 8.13346 14.6666Z"
+        fill="#31A450"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.5335 8.14792C14.5335 7.59992 14.4895 7.19992 14.3935 6.78525H8.13346V9.25858H11.8075C11.7341 9.87392 11.3341 10.7999 10.4448 11.4219L12.5481 13.0519C13.8081 11.8886 14.5335 10.1779 14.5335 8.14792Z"
+        fill="#2393EF"
+      />
+    </Icon>
+  );
+};

package/src/icons/symbols/hash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Hash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.33333 1.33325H6L5.6 5.33325H2.8L2.66667 6.66658H5.46666L5.2 9.33325H2.13333L2 10.6666H5.06666L4.66666 14.6666H6L6.4 10.6666H9.06667L8.66667 14.6666H10L10.4 10.6666H13.2L13.3333 9.33325H10.5333L10.8 6.66658H13.8667L14 5.33325H10.9333L11.3333 1.33325H10L9.6 5.33325H6.93333L7.33333 1.33325ZM6.8 6.66658L6.53333 9.33325H9.2L9.46666 6.66658H6.8Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/symbols/index.ts

@@ -0,0 +1,9 @@
+export { At } from './at';
+export { CC } from './cc';
+export { Cmd } from './cmd';
+export { Facebook } from './facebook';
+export { Google } from './google';
+export { Hash } from './hash';
+export { Instagram } from './instagram';
+export { Messenger } from './messenger';
+export { Twitter } from './twitter';

package/src/icons/symbols/instagram.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Instagram = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        d="M11.1875 2H4.8125C3.2592 2 2 3.2592 2 4.8125V11.1875C2 12.7408 3.2592 14 4.8125 14H11.1875C12.7408 14 14 12.7408 14 11.1875V4.8125C14 3.2592 12.7408 2 11.1875 2Z"
+        fill="url(#paint0_radial_1287_75503)"
+      />
+      <path
+        d="M11.1875 2H4.8125C3.2592 2 2 3.2592 2 4.8125V11.1875C2 12.7408 3.2592 14 4.8125 14H11.1875C12.7408 14 14 12.7408 14 11.1875V4.8125C14 3.2592 12.7408 2 11.1875 2Z"
+        fill="url(#paint1_radial_1287_75503)"
+      />
+      <path
+        d="M8.00042 3.3125C6.72739 3.3125 6.56759 3.31808 6.06763 3.34081C5.56859 3.36369 5.22795 3.44267 4.92992 3.55859C4.62158 3.67831 4.36006 3.83848 4.09953 4.09911C3.83877 4.35969 3.67859 4.6212 3.5585 4.92941C3.44225 5.22753 3.36317 5.56831 3.34072 6.06711C3.31836 6.56712 3.3125 6.72697 3.3125 8.00005C3.3125 9.27313 3.31812 9.43241 3.34081 9.93237C3.36378 10.4314 3.44277 10.772 3.55859 11.0701C3.67841 11.3784 3.83858 11.6399 4.0992 11.9005C4.35969 12.1612 4.6212 12.3218 4.92931 12.4415C5.22758 12.5574 5.56827 12.6364 6.0672 12.6593C6.56722 12.682 6.72687 12.6876 7.99986 12.6876C9.27303 12.6876 9.43231 12.682 9.93228 12.6593C10.4313 12.6364 10.7723 12.5574 11.0706 12.4415C11.3788 12.3218 11.6399 12.1612 11.9004 11.9005C12.1611 11.6399 12.3213 11.3784 12.4414 11.0702C12.5566 10.772 12.6357 10.4313 12.6592 9.93247C12.6816 9.4325 12.6875 9.27313 12.6875 8.00005C12.6875 6.72697 12.6816 6.56722 12.6592 6.0672C12.6357 5.56817 12.5566 5.22758 12.4414 4.92955C12.3213 4.6212 12.1611 4.35969 11.9004 4.09911C11.6397 3.83839 11.3789 3.67822 11.0703 3.55864C10.7715 3.44267 10.4307 3.36364 9.93162 3.34081C9.43161 3.31808 9.27242 3.3125 7.99897 3.3125H8.00042ZM7.57991 4.15723C7.70473 4.15705 7.844 4.15723 8.00042 4.15723C9.25203 4.15723 9.40034 4.16173 9.89459 4.18419C10.3516 4.20509 10.5997 4.28145 10.7649 4.34562C10.9837 4.43056 11.1396 4.53214 11.3036 4.69625C11.4677 4.86031 11.5692 5.01655 11.6544 5.23531C11.7185 5.40031 11.795 5.64838 11.8158 6.10541C11.8383 6.59956 11.8431 6.74797 11.8431 7.99897C11.8431 9.24997 11.8383 9.39842 11.8158 9.89253C11.7949 10.3496 11.7185 10.5976 11.6544 10.7627C11.5694 10.9814 11.4677 11.1372 11.3036 11.3012C11.1395 11.4652 10.9838 11.5668 10.7649 11.6518C10.5999 11.7162 10.3516 11.7924 9.89459 11.8133C9.40044 11.8357 9.25203 11.8406 8.00042 11.8406C6.74877 11.8406 6.60041 11.8357 6.1063 11.8133C5.64927 11.7922 5.4012 11.7158 5.23583 11.6517C5.01711 11.5667 4.86083 11.4651 4.69677 11.3011C4.5327 11.137 4.43117 10.9812 4.346 10.7623C4.28183 10.5972 4.20537 10.3492 4.18456 9.89216C4.16211 9.398 4.15761 9.24959 4.15761 7.9978C4.15761 6.74605 4.16211 6.59839 4.18456 6.10423C4.20547 5.6472 4.28183 5.39914 4.346 5.23391C4.43098 5.01514 4.5327 4.85891 4.69681 4.69484C4.86088 4.53078 5.01711 4.4292 5.23587 4.34408C5.40111 4.27962 5.64927 4.20345 6.1063 4.18245C6.53872 4.16291 6.7063 4.15705 7.57991 4.15606V4.15723ZM10.5026 4.93555C10.1921 4.93555 9.94011 5.18727 9.94011 5.49786C9.94011 5.80841 10.1921 6.06036 10.5026 6.06036C10.8132 6.06036 11.0651 5.80841 11.0651 5.49786C11.0651 5.18731 10.8132 4.93555 10.5026 4.93555ZM8.00042 5.59278C6.67105 5.59278 5.5932 6.67063 5.5932 8.00005C5.5932 9.32947 6.67105 10.4068 8.00042 10.4068C9.32984 10.4068 10.4073 9.32947 10.4073 8.00005C10.4073 6.67067 9.32984 5.59278 8.00042 5.59278ZM8.00042 6.43752C8.86334 6.43752 9.56295 7.13703 9.56295 8.00005C9.56295 8.86297 8.86334 9.56258 8.00042 9.56258C7.13745 9.56258 6.43794 8.86297 6.43794 8.00005C6.43794 7.13703 7.13745 6.43752 8.00042 6.43752Z"
+        fill="white"
+      />
+      <defs>
+        <radialGradient
+          id="paint0_radial_1287_75503"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(5.1875 14.9242) rotate(-90) scale(11.8929 11.0613)"
+        >
+          <stop stopColor="#FFDD55" />
+          <stop offset="0.1" stopColor="#FFDD55" />
+          <stop offset="0.5" stopColor="#FF543E" />
+          <stop offset="1" stopColor="#C837AB" />
+        </radialGradient>
+        <radialGradient
+          id="paint1_radial_1287_75503"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(-0.0100469 2.86442) rotate(78.681) scale(5.31619 21.9135)"
+        >
+          <stop stopColor="#3771C8" />
+          <stop offset="0.128" stopColor="#3771C8" />
+          <stop offset="1" stopColor="#6600FF" stopOpacity="0" />
+        </radialGradient>
+      </defs>
+    </Icon>
+  );
+};

package/src/icons/symbols/messenger.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Messenger = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1 7.79C1 3.88848 4.0567 1 8 1C11.9433 1 15 3.88843 15 7.78995C15 11.6915 11.9433 14.5799 8 14.5799C7.29169 14.5799 6.6122 14.4864 5.97372 14.3109C5.84965 14.2767 5.71758 14.2864 5.59982 14.3383L4.21043 14.9517C3.84698 15.1122 3.43677 14.8537 3.42457 14.4566L3.38645 13.2113C3.38175 13.0579 3.31273 12.9145 3.19844 12.8122C1.83634 11.5942 1 9.83077 1 7.79ZM5.85323 6.51346L3.79698 9.77574C3.59961 10.0888 3.98445 10.4416 4.27921 10.2179L6.48804 8.5416C6.56075 8.48642 6.64945 8.45643 6.74072 8.45616C6.832 8.4559 6.92087 8.48537 6.9939 8.54013L8.62938 9.76677C9.1201 10.1348 9.82059 10.0056 10.1477 9.48666L12.2039 6.22433C12.4012 5.91124 12.0163 5.55845 11.7216 5.78218L9.51286 7.45846C9.44014 7.51367 9.35142 7.54367 9.26012 7.54394C9.16883 7.54421 9.07993 7.51472 9.00689 7.45994L7.37146 6.2333C6.8807 5.86525 6.18026 5.99448 5.85323 6.51346Z"
+        fill="url(#paint0_radial_1305_66389)"
+      />
+      <defs>
+        <radialGradient
+          id="paint0_radial_1305_66389"
+          cx="0"
+          cy="0"
+          r="1"
+          gradientUnits="userSpaceOnUse"
+          gradientTransform="translate(3.625 14.5625) rotate(-54.4623) scale(15.0541 15.0541)"
+        >
+          <stop stopColor="#0099FF" />
+          <stop offset="0.609375" stopColor="#A033FF" />
+          <stop offset="0.921875" stopColor="#FF5280" />
+          <stop offset="1" stopColor="#FF7061" />
+        </radialGradient>
+      </defs>
+    </Icon>
+  );
+};

package/src/icons/symbols/twitter.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Twitter = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        d="M14.9986 3.39163C14.4744 3.62386 13.9184 3.77629 13.3491 3.84386C13.9421 3.48842 14.3975 2.92558 14.6119 2.25496C14.0481 2.58949 13.4313 2.8252 12.7882 2.95188C12.2643 2.39374 11.5179 2.04492 10.6918 2.04492C9.1057 2.04492 7.81974 3.33083 7.81974 4.91683C7.81974 5.14196 7.84517 5.36112 7.89411 5.57137C5.50723 5.45157 3.39103 4.30822 1.97449 2.57064C1.72733 2.99481 1.5857 3.4882 1.5857 4.01446C1.5857 5.01088 2.09277 5.8899 2.86335 6.40495C2.40727 6.39067 1.96123 6.26748 1.56246 6.04569C1.5623 6.05772 1.5623 6.06975 1.5623 6.08183C1.5623 7.47333 2.55226 8.63412 3.86606 8.89796C3.44314 9.01298 2.99952 9.02981 2.5691 8.94718C2.93455 10.0882 3.99522 10.9185 5.25192 10.9417C4.26901 11.712 3.03062 12.1711 1.68511 12.1711C1.45326 12.1711 1.22469 12.1575 1 12.131C2.27098 12.9459 3.78059 13.4213 5.40246 13.4213C10.6851 13.4213 13.5738 9.04506 13.5738 5.2499C13.5738 5.12533 13.5711 5.00148 13.5655 4.87833C14.1278 4.47187 14.6131 3.96843 14.9986 3.39163Z"
+        fill="#55ACEE"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Battery = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 4H12.666C13.4024 4 13.9993 4.59695 13.9993 5.33333V6C14.7357 6 15.3327 6.59695 15.3327 7.33333V8.66667C15.3327 9.40305 14.7357 10 13.9993 10V10.6667C13.9993 11.403 13.4024 12 12.666 12H1.99935C1.26297 12 0.666016 11.403 0.666016 10.6667V5.33333C0.666016 4.59695 1.26297 4 1.99935 4ZM1.99935 5.33333V10.6667H12.666V5.33333H1.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery_100.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Battery100 = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.666 4H1.99935C1.26297 4 0.666016 4.59695 0.666016 5.33333V10.6667C0.666016 11.403 1.26297 12 1.99935 12H12.666C13.4024 12 13.9993 11.403 13.9993 10.6667V10C14.7357 10 15.3327 9.40305 15.3327 8.66667V7.33333C15.3327 6.59695 14.7357 6 13.9993 6V5.33333C13.9993 4.59695 13.4024 4 12.666 4ZM1.99935 10.6667V5.33333H12.666V10.6667H1.99935ZM4.05143 6.04915H2.7181V10.1741H4.05143V6.04915ZM4.7181 6.04915H6.05143V10.1741H4.7181V6.04915ZM8.05143 6.04915H6.7181V10.1741H8.05143V6.04915ZM8.7181 6.04915H10.0514V10.1741H8.7181V6.04915ZM12.0514 6.04915H10.7181V10.1741H12.0514V6.04915Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery_20.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Battery20 = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.666 4H1.99935C1.26297 4 0.666016 4.59695 0.666016 5.33333V10.6667C0.666016 11.403 1.26297 12 1.99935 12H12.666C13.4024 12 13.9993 11.403 13.9993 10.6667V10C14.7357 10 15.3327 9.40305 15.3327 8.66667V7.33333C15.3327 6.59695 14.7357 6 13.9993 6V5.33333C13.9993 4.59695 13.4024 4 12.666 4ZM1.99935 10.6667V5.33333H12.666V10.6667H1.99935ZM4.05143 6.04915H2.7181V10.1741H4.05143V6.04915Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery_40.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Battery40 = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 4H12.666C13.4024 4 13.9993 4.59695 13.9993 5.33333V6C14.7357 6 15.3327 6.59695 15.3327 7.33333V8.66667C15.3327 9.40305 14.7357 10 13.9993 10V10.6667C13.9993 11.403 13.4024 12 12.666 12H1.99935C1.26297 12 0.666016 11.403 0.666016 10.6667V5.33333C0.666016 4.59695 1.26297 4 1.99935 4ZM1.99935 5.33333V10.6667H12.666V5.33333H1.99935ZM2.7181 6.04915H4.05143V10.1741H2.7181V6.04915ZM6.05143 6.04915H4.7181V10.1741H6.05143V6.04915Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery_60.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Battery60 = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.666 4H1.99935C1.26297 4 0.666016 4.59695 0.666016 5.33333V10.6667C0.666016 11.403 1.26297 12 1.99935 12H12.666C13.4024 12 13.9993 11.403 13.9993 10.6667V10C14.7357 10 15.3327 9.40305 15.3327 8.66667V7.33333C15.3327 6.59695 14.7357 6 13.9993 6V5.33333C13.9993 4.59695 13.4024 4 12.666 4ZM1.99935 10.6667V5.33333H12.666V10.6667H1.99935ZM4.05143 6.04915H2.7181V10.1741H4.05143V6.04915ZM4.7181 6.04915H6.05143V10.1741H4.7181V6.04915ZM8.05143 6.04915H6.7181V10.1741H8.05143V6.04915Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery_80.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Battery80 = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 4H12.666C13.4024 4 13.9993 4.59695 13.9993 5.33333V6C14.7357 6 15.3327 6.59695 15.3327 7.33333V8.66667C15.3327 9.40305 14.7357 10 13.9993 10V10.6667C13.9993 11.403 13.4024 12 12.666 12H1.99935C1.26297 12 0.666016 11.403 0.666016 10.6667V5.33333C0.666016 4.59695 1.26297 4 1.99935 4ZM1.99935 5.33333V10.6667H12.666V5.33333H1.99935ZM2.7181 6.04915H4.05143V10.1741H2.7181V6.04915ZM6.05143 6.04915H4.7181V10.1741H6.05143V6.04915ZM6.7181 6.04915H8.05143V10.1741H6.7181V6.04915ZM10.0514 6.04915H8.7181V10.1741H10.0514V6.04915Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery_charging.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BatteryCharging = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 4H12.666C13.4024 4 13.9993 4.59695 13.9993 5.33333V6C14.7357 6 15.3327 6.59695 15.3327 7.33333V8.66667C15.3327 9.40305 14.7357 10 13.9993 10V10.6667C13.9993 11.403 13.4024 12 12.666 12H1.99935C1.26297 12 0.666016 11.403 0.666016 10.6667V5.33333C0.666016 4.59695 1.26297 4 1.99935 4ZM1.99935 5.33333V10.6667H12.666V5.33333H1.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/battery_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BatterySlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.05654 4.00001L0.861278 1.80475L1.80409 0.861938L15.1374 14.1953L14.1946 15.1381L11.0565 12H1.99935C1.26297 12 0.666016 11.4031 0.666016 10.6667V5.33334C0.666016 4.59696 1.26297 4.00001 1.99935 4.00001H3.05654ZM9.72321 10.6667L4.38987 5.33334H1.99935V10.6667H9.72321ZM6.80409 4.00001H12.666C13.4024 4.00001 13.9993 4.59696 13.9993 5.33334V6.00001C14.7357 6.00001 15.3327 6.59696 15.3327 7.33334V8.66668C15.3327 9.40306 14.7357 10 13.9993 10V10.6667C13.9993 10.8248 13.9718 10.9765 13.9213 11.1172L12.666 9.86194V5.33334H8.13742L6.80409 4.00001Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/devices.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Devices = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.99935 3.99996V9.99996H0.666016V12C0.666016 12.7363 1.26297 13.3333 1.99935 13.3333L10.666 13.3333H13.9993C14.7357 13.3333 15.3327 12.7363 15.3327 12V5.99996C15.3327 5.26358 14.7357 4.66663 13.9993 4.66663V3.99996C13.9993 3.26358 13.4024 2.66663 12.666 2.66663H3.33268C2.5963 2.66663 1.99935 3.26358 1.99935 3.99996ZM12.666 4.66663V3.99996H3.33268V9.99996H9.33268L9.33268 5.99996C9.33268 5.26358 9.92964 4.66663 10.666 4.66663L12.666 4.66663ZM1.99935 11.3333H9.33268L9.33268 12L1.99935 12V11.3333ZM13.9993 12H10.666V5.99996H13.9993V12Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/floppy_disk.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const FloppyDisk = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2.66732 1.33337H12.2821L14.6673 3.78455V13.3334C14.6673 14.0698 14.0704 14.6667 13.334 14.6667H2.66732C1.93094 14.6667 1.33398 14.0698 1.33398 13.3334V2.66671C1.33398 1.93033 1.93094 1.33337 2.66732 1.33337ZM11.334 2.66671V6.66671H4.66732V2.66671H2.66732V13.3334H4.00065V8.00004H12.0007V13.3334H13.334V4.32621L11.7192 2.66671H11.334ZM6.00065 5.33337V2.66671H10.0007V5.33337H6.00065ZM5.33398 9.33337V13.3334H10.6673V9.33337H5.33398ZM9.33398 3.33337H8.00065V4.66671H9.33398V3.33337Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/index.ts

@@ -0,0 +1,17 @@
+export { Battery } from './battery';
+export { Battery100 } from './battery_100';
+export { Battery20 } from './battery_20';
+export { Battery40 } from './battery_40';
+export { Battery60 } from './battery_60';
+export { Battery80 } from './battery_80';
+export { BatteryCharging } from './battery_charging';
+export { BatterySlash } from './battery_slash';
+export { Devices } from './devices';
+export { FloppyDisk } from './floppy_disk';
+export { IPhone } from './iphone';
+export { Laptop } from './laptop';
+export { Mobile } from './mobile';
+export { Monitor } from './monitor';
+export { Server } from './server';
+export { SimCard } from './sim_card';
+export { USBStick } from './usb_stick';

package/src/icons/technology/iphone.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const IPhone = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.334 0.666626H4.66732C3.93094 0.666626 3.33398 1.26358 3.33398 1.99996V14C3.33398 14.7363 3.93094 15.3333 4.66732 15.3333H11.334C12.0704 15.3333 12.6673 14.7363 12.6673 14V1.99996C12.6673 1.26358 12.0704 0.666626 11.334 0.666626ZM4.66732 1.99996H6.66732C6.66732 2.36815 6.96579 2.66663 7.33398 2.66663H8.66732C9.03551 2.66663 9.33398 2.36815 9.33398 1.99996H11.334V14H4.66732V1.99996Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/laptop.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Laptop = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.666 2.66663H3.33268C2.5963 2.66663 1.99935 3.26358 1.99935 3.99996V9.99996L0.666016 9.99996V12C0.666016 12.7363 1.26297 13.3333 1.99935 13.3333H13.9993C14.7357 13.3333 15.3327 12.7363 15.3327 12V9.99996L13.9993 9.99996V3.99996C13.9993 3.26358 13.4024 2.66663 12.666 2.66663ZM12.666 9.99996H3.33268V3.99996H12.666V9.99996ZM1.99935 12V11.3333H13.9993V12H1.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/mobile.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Mobile = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.66732 1.33337H11.334C12.0704 1.33337 12.6673 1.93033 12.6673 2.66671V13.3334C12.6673 14.0698 12.0704 14.6667 11.334 14.6667H4.66732C3.93094 14.6667 3.33398 14.0698 3.33398 13.3334V2.66671C3.33398 1.93033 3.93094 1.33337 4.66732 1.33337ZM4.66732 2.66671V13.3334H11.334V2.66671H4.66732ZM8.66732 12C8.66732 12.3682 8.36884 12.6667 8.00065 12.6667C7.63246 12.6667 7.33398 12.3682 7.33398 12C7.33398 11.6319 7.63246 11.3334 8.00065 11.3334C8.36884 11.3334 8.66732 11.6319 8.66732 12Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/monitor.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Monitor = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.99935 12.6667V13.3334H4.66602V14.6667H11.3327V13.3334H9.99935V12.6667H13.9993C14.7357 12.6667 15.3327 12.0698 15.3327 11.3334V2.66671C15.3327 1.93033 14.7357 1.33337 13.9993 1.33337H1.99935C1.26297 1.33337 0.666016 1.93033 0.666016 2.66671V11.3334C0.666016 12.0698 1.26297 12.6667 1.99935 12.6667H5.99935ZM13.9993 11.3334H1.99935V2.66671H13.9993V11.3334Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/server.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Server = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.334 1.33337H2.66732C1.93094 1.33337 1.33398 1.93033 1.33398 2.66671V5.33337V10.6667V13.3334C1.33398 14.0698 1.93094 14.6667 2.66732 14.6667H13.334C14.0704 14.6667 14.6673 14.0698 14.6673 13.3334V10.6667V5.33337V2.66671C14.6673 1.93033 14.0704 1.33337 13.334 1.33337ZM2.66732 13.3334V10.6667H13.334V13.3334H2.66732ZM2.66732 5.33337H13.334V2.66671H2.66732V5.33337ZM2.66732 9.33337V6.66671H13.334V9.33337H2.66732ZM5.33398 7.33337H10.0007V8.66671H5.33398V7.33337ZM12.0007 4.00004C12.0007 4.36823 11.7022 4.66671 11.334 4.66671C10.9658 4.66671 10.6673 4.36823 10.6673 4.00004C10.6673 3.63185 10.9658 3.33337 11.334 3.33337C11.7022 3.33337 12.0007 3.63185 12.0007 4.00004ZM11.334 8.66671C11.7022 8.66671 12.0007 8.36823 12.0007 8.00004C12.0007 7.63185 11.7022 7.33337 11.334 7.33337C10.9658 7.33337 10.6673 7.63185 10.6673 8.00004C10.6673 8.36823 10.9658 8.66671 11.334 8.66671ZM12.0007 12C12.0007 12.3682 11.7022 12.6667 11.334 12.6667C10.9658 12.6667 10.6673 12.3682 10.6673 12C10.6673 11.6319 10.9658 11.3334 11.334 11.3334C11.7022 11.3334 12.0007 11.6319 12.0007 12Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/sim_card.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const SimCard = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.6667 0.666626H5.72386L2 4.39048V14C2 14.7363 2.59695 15.3333 3.33333 15.3333H12.6667C13.403 15.3333 14 14.7363 14 14V1.99996C14 1.26358 13.403 0.666626 12.6667 0.666626ZM3.33333 14V4.94277L6.27614 1.99996H12.6667V14H3.33333ZM10.6667 2.66663H12V6.66663H10.6667V2.66663ZM10 2.66663H8.66667V6.66663H10V2.66663ZM6.66667 2.66663H8V6.66663H6.66667V2.66663ZM6 4.66663H4.66667V7.33329H6V4.66663Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/technology/usb_stick.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const USBStick = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 11.3334H5.33268V12.6667H11.9993C13.8403 12.6667 15.3327 11.1743 15.3327 9.33337V6.66671C15.3327 4.82576 13.8403 3.33337 11.9993 3.33337H5.33268V4.66671H0.666016V11.3334ZM11.9993 11.3334H6.66602V4.66671H11.9993C13.1039 4.66671 13.9993 5.56214 13.9993 6.66671V9.33337C13.9993 10.4379 13.1039 11.3334 11.9993 11.3334ZM1.99935 6.00004V10H5.33268V6.00004H1.99935ZM4.66602 7.33337H2.66602V8.66671H4.66602V7.33337Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/text/align_center.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const AlignCenter = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 4.66671V3.33337H1.33398V4.66671H14.6673ZM12.6673 6.00004V7.33337H3.33398V6.00004H12.6673ZM14.6673 10V8.66671H1.33398V10H14.6673ZM12.6673 12.6667V11.3334H3.33398V12.6667H12.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/text/align_justified.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const AlignJustified = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.6673 4.66671V3.33337H1.33398V4.66671H14.6673ZM12.6673 6.00004V7.33337H3.33398V6.00004H12.6673ZM14.6673 10V8.66671H1.33398V10H14.6673ZM12.6673 12.6667V11.3334H3.33398V12.6667H12.6673Z"
+      />
+    </Icon>
+  );
+};