@soul-refiner/design-system 0.0.26 → 0.1.0

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

package/src/icons/text/align_left.tsx

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

package/src/icons/text/align_right.tsx

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

package/src/icons/text/indent_decrease.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const IndentDecrease = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M3.33398 5.99996V10.6666L1.33398 8.33329L3.33398 5.99996ZM1.33398 14H14.6673V12.6666H1.33398V14ZM1.33398 3.99996H14.6673V2.66663H1.33398V3.99996ZM5.33398 7.33329H14.6673V5.99996H5.33398V7.33329ZM5.33398 10.6666H14.6673V9.33329H5.33398V10.6666Z" />
+    </Icon>
+  );
+};

package/src/icons/text/indent_increase.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const IndentIncrease = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.33398 6.00004V10L3.33398 8.00004L1.33398 6.00004ZM1.33398 12.6667H14.6673V11.3334H1.33398V12.6667ZM1.33398 4.66671H14.6673V3.33337H1.33398V4.66671ZM5.33398 7.33337H14.6673V6.00004H5.33398V7.33337ZM5.33398 10H14.6673V8.66671H5.33398V10Z" />
+    </Icon>
+  );
+};

package/src/icons/text/index.ts

@@ -0,0 +1,10 @@
+export { AlignCenter } from './align_center';
+export { AlignJustified } from './align_justified';
+export { AlignLeft } from './align_left';
+export { AlignRight } from './align_right';
+export { IndentDecrease } from './indent_decrease';
+export { IndentIncrease } from './indent_increase';
+export { ListOrdered } from './list_ordered';
+export { ListUnordered } from './list_unordered';
+export { Quote } from './quote';
+export { Table } from './table';

package/src/icons/text/list_ordered.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ListOrdered = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M5.33398 12.6667V11.3334H14.6673V12.6667H5.33398ZM1.33398 12.6667V11.3334L2.66732 10H1.33398V8.66673L4.00065 8.66671V10L2.66732 11.3334H4.00065V12.6667L1.33398 12.6667ZM5.33398 8.66673V7.3334H14.6673V8.66673H5.33398ZM2.66732 7.33335V4.66671L1.33398 4.66673V3.33337H4.00065V7.33337L2.66732 7.33335ZM5.33398 4.66673V3.3334H14.6673V4.66673H5.33398Z" />
+    </Icon>
+  );
+};

package/src/icons/text/list_unordered.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const ListUnordered = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 3.99996C1.33398 4.73634 1.93094 5.33329 2.66732 5.33329C3.4037 5.33329 4.00065 4.73634 4.00065 3.99996C4.00065 3.26358 3.4037 2.66663 2.66732 2.66663C1.93094 2.66663 1.33398 3.26358 1.33398 3.99996ZM14.6673 3.33329V4.66663H5.33398V3.33329H14.6673ZM14.6673 8.66663V7.33329H5.33398V8.66663H14.6673ZM14.6673 12.6666V11.3333H5.33398V12.6666H14.6673ZM1.33398 12C1.33398 12.7363 1.93094 13.3333 2.66732 13.3333C3.4037 13.3333 4.00065 12.7363 4.00065 12C4.00065 11.2636 3.4037 10.6666 2.66732 10.6666C1.93094 10.6666 1.33398 11.2636 1.33398 12ZM2.66732 9.33329C1.93094 9.33329 1.33398 8.73634 1.33398 7.99996C1.33398 7.26358 1.93094 6.66663 2.66732 6.66663C3.4037 6.66663 4.00065 7.26358 4.00065 7.99996C4.00065 8.73634 3.4037 9.33329 2.66732 9.33329Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/text/quote.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Quote = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M9.99935 7.33333H11.9993V5.33333H9.99935V7.33333ZM3.99935 7.33333H5.99935V5.33333H3.99935V7.33333ZM9.99935 11.3333L11.3327 8.66667H8.66602V4H13.3327V8.66667L11.9993 11.3333H9.99935ZM3.99935 11.3333L5.33268 8.66667H2.66602V4H7.33268V8.66667L5.99935 11.3333H3.99935Z" />
+    </Icon>
+  );
+};

package/src/icons/text/table.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Table = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.99935 2.66663H13.9993C14.7357 2.66663 15.3327 3.26358 15.3327 3.99996V12.6666C15.3327 13.403 14.7357 14 13.9993 14H5.99935H4.66602H1.99935C1.26297 14 0.666016 13.403 0.666016 12.6666V3.99996C0.666016 3.26358 1.26297 2.66663 1.99935 2.66663H4.66602H5.99935ZM4.66602 3.99996H1.99935V5.99996H4.66602V3.99996ZM5.99935 5.99996V3.99996H13.9993V5.99996H5.99935ZM4.66602 7.33329H1.99935V9.33329H4.66602V7.33329ZM5.99935 9.33329V7.33329H13.9993V9.33329H5.99935ZM4.66602 10.6666H1.99935V12.6666H4.66602V10.6666ZM5.99935 12.6666V10.6666H13.9993V12.6666H5.99935Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/time/alarm.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Alarm = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.13747 1.80475L3.19466 0.861938L0.861328 3.19527L1.80414 4.13808L4.13747 1.80475ZM11.8613 1.80475L12.8041 0.861938L15.1375 3.19527L14.1947 4.13808L11.8613 1.80475ZM7.9994 14.6667C4.3175 14.6667 1.33273 11.6819 1.33273 8.00001C1.33273 4.31811 4.3175 1.33334 7.9994 1.33334C11.6813 1.33334 14.6661 4.31811 14.6661 8.00001C14.6661 11.6819 11.6813 14.6667 7.9994 14.6667ZM7.9994 13.3333C10.9449 13.3333 13.3327 10.9455 13.3327 8.00001C13.3327 5.05449 10.9449 2.66668 7.9994 2.66668C5.05388 2.66668 2.66607 5.05449 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333ZM11.3327 7.33334H8.66607V4.00001H7.33273V8.66668H11.3327V7.33334Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/time/alarm_checkmark.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const AlarmCheckmark = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.19466 0.861938L4.13747 1.80475L1.80414 4.13808L0.861328 3.19527L3.19466 0.861938ZM12.8041 0.861938L11.8613 1.80475L14.1947 4.13808L15.1375 3.19527L12.8041 0.861938ZM7.9994 14.6667C4.3175 14.6667 1.33273 11.6819 1.33273 8.00001C1.33273 4.31811 4.3175 1.33334 7.9994 1.33334C11.6813 1.33334 14.6661 4.31811 14.6661 8.00001C14.6661 11.6819 11.6813 14.6667 7.9994 14.6667ZM7.9994 13.3333C10.9449 13.3333 13.3327 10.9455 13.3327 8.00001C13.3327 5.05449 10.9449 2.66668 7.9994 2.66668C5.05388 2.66668 2.66607 5.05449 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333ZM10.1947 5.52861L7.33273 8.39053L5.80414 6.86194L4.86133 7.80475L7.33273 10.2762L11.1375 6.47141L10.1947 5.52861Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/time/alarm_minus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const AlarmMinus = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.19466 0.861938L4.13747 1.80475L1.80414 4.13808L0.861328 3.19527L3.19466 0.861938ZM12.8041 0.861938L11.8613 1.80475L14.1947 4.13808L15.1375 3.19527L12.8041 0.861938ZM7.9994 14.6667C4.3175 14.6667 1.33273 11.6819 1.33273 8.00001C1.33273 4.31811 4.3175 1.33334 7.9994 1.33334C11.6813 1.33334 14.6661 4.31811 14.6661 8.00001C14.6661 11.6819 11.6813 14.6667 7.9994 14.6667ZM7.9994 13.3333C10.9449 13.3333 13.3327 10.9455 13.3327 8.00001C13.3327 5.05449 10.9449 2.66668 7.9994 2.66668C5.05388 2.66668 2.66607 5.05449 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333ZM5.33273 7.33334V8.66668H10.6661V7.33334H5.33273Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/time/alarm_plus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const AlarmPlus = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.13747 1.80475L3.19466 0.861938L0.861328 3.19527L1.80414 4.13808L4.13747 1.80475ZM11.8613 1.80475L12.8041 0.861938L15.1375 3.19527L14.1947 4.13808L11.8613 1.80475ZM1.33273 8.00001C1.33273 11.6819 4.3175 14.6667 7.9994 14.6667C11.6813 14.6667 14.6661 11.6819 14.6661 8.00001C14.6661 4.31811 11.6813 1.33334 7.9994 1.33334C4.3175 1.33334 1.33273 4.31811 1.33273 8.00001ZM13.3327 8.00001C13.3327 10.9455 10.9449 13.3333 7.9994 13.3333C5.05388 13.3333 2.66607 10.9455 2.66607 8.00001C2.66607 5.05449 5.05388 2.66668 7.9994 2.66668C10.9449 2.66668 13.3327 5.05449 13.3327 8.00001ZM7.33273 8.66668H5.33273V7.33334H7.33273V5.33334H8.66607V7.33334H10.6661V8.66668H8.66607V10.6667H7.33273V8.66668Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/time/alarm_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const AlarmSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.55659 2.50001L0.861328 3.19527L1.80414 4.13808L2.4994 3.44282L2.83744 3.78085C1.89698 4.9301 1.33273 6.39916 1.33273 8.00001C1.33273 11.6819 4.3175 14.6667 7.9994 14.6667C9.60025 14.6667 11.0693 14.1024 12.2186 13.162L14.1947 15.1381L15.1375 14.1953L1.80414 0.861938L0.861328 1.80475L1.55659 2.50001ZM11.2698 12.2132L3.78616 4.72958C3.08412 5.6327 2.66607 6.76754 2.66607 8.00001C2.66607 10.9455 5.05388 13.3333 7.9994 13.3333C9.23187 13.3333 10.3667 12.9153 11.2698 12.2132ZM13.3327 8.00001C13.3327 8.74416 13.1803 9.45271 12.905 10.0962L13.905 11.0962C14.3911 10.171 14.6661 9.11762 14.6661 8.00001C14.6661 4.31811 11.6813 1.33334 7.9994 1.33334C6.88179 1.33334 5.82842 1.60835 4.90325 2.09439L5.90325 3.09438C6.54669 2.81908 7.25525 2.66668 7.9994 2.66668C10.9449 2.66668 13.3327 5.05449 13.3327 8.00001ZM11.8613 1.80475L12.8041 0.861938L15.1375 3.19527L14.1947 4.13808L11.8613 1.80475Z"
+      />
+    </Icon>
+  );
+};