@soul-refiner/design-system 0.0.25 → 0.1.0

package/src/icons/notifications/bell.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Bell = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.6673 6.66663C12.6673 3.96051 11.1751 2.08229 9.24424 1.51843C9.17433 1.33753 9.06383 1.16936 8.91364 1.02825C8.40047 0.546086 7.60083 0.546086 7.08766 1.02825C6.9378 1.16905 6.82746 1.33679 6.75752 1.51724C4.82422 2.07864 3.33398 3.95275 3.33398 6.66663C3.33398 8.42256 2.97997 9.40647 2.32462 10.1195C2.21506 10.2387 1.91825 10.5118 1.71716 10.6968L1.71711 10.6968L1.71708 10.6968L1.71696 10.6969C1.62188 10.7844 1.54824 10.8521 1.52596 10.8746L1.33398 11.0693V13.3427H5.39264C5.52988 14.0507 5.91405 14.5244 6.60878 14.9484C7.46341 15.4699 8.53789 15.4699 9.39252 14.9484C10.0056 14.5742 10.4167 13.9992 10.5835 13.3427H14.6673V11.0693L14.4753 10.8746C14.4551 10.8541 14.3844 10.7889 14.292 10.7036L14.292 10.7036L14.2919 10.7036C14.0915 10.5186 13.7888 10.2394 13.6776 10.1179C13.0218 9.40156 12.6673 8.41639 12.6673 6.66663ZM9.15847 13.3427H6.7864C6.88059 13.5179 7.04112 13.6502 7.30333 13.8102C7.7315 14.0715 8.26981 14.0715 8.69797 13.8102C8.89625 13.6892 9.05118 13.5291 9.15847 13.3427ZM12.6941 11.0182C12.8344 11.1715 13.1351 11.4516 13.334 11.6346V12.0094H2.66732V11.6349C2.8647 11.454 3.16627 11.1741 3.30631 11.0218C4.1968 10.0529 4.66732 8.74516 4.66732 6.66663C4.66732 4.14656 6.2225 2.67488 8.00065 2.67488C9.77379 2.67488 11.334 4.15415 11.334 6.66663C11.334 8.73849 11.8046 10.0466 12.6941 11.0182Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/bell_alert.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BellAlert = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.6673 6.66663C12.6673 3.96051 11.1751 2.08229 9.24424 1.51843C9.17433 1.33753 9.06383 1.16936 8.91364 1.02825C8.40047 0.546086 7.60083 0.546086 7.08766 1.02825C6.9378 1.16905 6.82746 1.33679 6.75752 1.51724C4.82422 2.07864 3.33398 3.95275 3.33398 6.66663C3.33398 8.42256 2.97997 9.40647 2.32462 10.1195C2.21509 10.2387 1.91838 10.5116 1.71729 10.6966L1.71723 10.6967L1.71715 10.6968L1.71711 10.6968L1.71708 10.6968L1.71696 10.6969C1.62188 10.7844 1.54824 10.8521 1.52596 10.8746L1.33398 11.0693V13.3427H5.39264C5.52987 14.0507 5.91405 14.5244 6.60878 14.9484C7.46341 15.4699 8.53789 15.4699 9.39252 14.9484C10.0056 14.5742 10.4167 13.9992 10.5835 13.3427H14.6673V11.0693L14.4753 10.8746C14.4551 10.8541 14.3844 10.7889 14.292 10.7036L14.292 10.7036L14.2919 10.7036L14.2919 10.7035C14.0914 10.5185 13.7888 10.2394 13.6776 10.1179C13.0218 9.40156 12.6673 8.41639 12.6673 6.66663ZM9.15847 13.3427H6.7864C6.88059 13.5179 7.04112 13.6502 7.30333 13.8102C7.7315 14.0715 8.26981 14.0715 8.69797 13.8102C8.89625 13.6892 9.05118 13.5291 9.15847 13.3427ZM12.6941 11.0182C12.8344 11.1715 13.1351 11.4516 13.334 11.6346V12.0094H2.66732V11.6349C2.8647 11.454 3.16627 11.1741 3.30631 11.0218C4.1968 10.0529 4.66732 8.74516 4.66732 6.66663C4.66732 4.14656 6.2225 2.67488 8.00065 2.67488C9.77379 2.67488 11.334 4.15415 11.334 6.66663C11.334 8.73849 11.8046 10.0466 12.6941 11.0182ZM8.00087 10.6655C8.36918 10.6655 8.66776 10.367 8.66776 9.99886C8.66776 9.63067 8.36918 9.33219 8.00087 9.33219C7.63256 9.33219 7.33398 9.63067 7.33398 9.99886C7.33398 10.367 7.63256 10.6655 8.00087 10.6655ZM8.66972 4.66552H7.33595V8.66552H8.66972V4.66552Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/bell_checkmark.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BellCheckmark = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.7756 4.34789C10.1663 3.27002 9.12637 2.67403 8.00065 2.67403C6.2225 2.67403 4.66732 4.14508 4.66732 6.66408C4.66732 8.74174 4.1968 10.0489 3.30631 11.0174C3.16627 11.1697 2.8647 11.4495 2.66732 11.6302V12.0045H13.334V11.6299C13.1351 11.447 12.8344 11.167 12.6941 11.0138C12.4645 10.7631 12.2627 10.4899 12.0898 10.187L13.0813 9.1955C13.2379 9.55382 13.4376 9.85186 13.6776 10.1139C13.7888 10.2354 14.0915 10.5145 14.292 10.6993L14.292 10.6994L14.2921 10.6994C14.3845 10.7846 14.4551 10.8498 14.4753 10.8703L14.6673 11.0649V13.3373H10.5835C10.4167 13.9936 10.0056 14.5683 9.39252 14.9423C8.53789 15.4636 7.46341 15.4636 6.60878 14.9423C5.91405 14.5185 5.52987 14.045 5.39264 13.3373H1.33398V11.0649L1.52596 10.8703C1.54825 10.8478 1.62194 10.7801 1.71708 10.6926C1.91817 10.5077 2.21505 10.2347 2.32462 10.1155C2.97997 9.40277 3.33398 8.41927 3.33398 6.66408C3.33398 3.95136 4.82422 2.07805 6.75752 1.51688C6.82746 1.33651 6.9378 1.16884 7.08766 1.02809C7.60083 0.546137 8.40047 0.546137 8.91364 1.02809C9.06383 1.16915 9.17433 1.33725 9.24424 1.51807C10.2337 1.80691 11.108 2.44077 11.7253 3.35422L10.7756 4.34789ZM6.7864 13.3373C6.88059 13.5125 7.04112 13.6447 7.30333 13.8046C7.7315 14.0658 8.26981 14.0658 8.69797 13.8046C8.89625 13.6837 9.05118 13.5237 9.15847 13.3373H6.7864ZM12.8626 4.86189L10.0007 7.72382L8.47206 6.19522L7.52925 7.13803L10.0007 9.60943L13.8054 5.8047L12.8626 4.86189Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/bell_minus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BellMinus = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.24424 1.51807C11.1751 2.08169 12.6673 3.95911 12.6673 6.66408C12.6673 8.4131 13.0218 9.39785 13.6776 10.1139C13.7888 10.2354 14.0915 10.5144 14.2919 10.6993L14.292 10.6994L14.292 10.6994C14.3844 10.7846 14.4551 10.8498 14.4753 10.8703L14.6673 11.0649V13.3373H10.5835C10.4167 13.9936 10.0056 14.5683 9.39252 14.9423C8.53789 15.4636 7.46341 15.4636 6.60878 14.9423C5.91405 14.5185 5.52988 14.045 5.39264 13.3373H1.33398V11.0649L1.52596 10.8703C1.54825 10.8478 1.62195 10.78 1.7171 10.6926L1.71713 10.6925L1.71714 10.6925C1.91824 10.5076 2.21506 10.2347 2.32462 10.1155C2.97997 9.40277 3.33398 8.41927 3.33398 6.66408C3.33398 3.95136 4.82422 2.07805 6.75752 1.51688C6.82746 1.33651 6.9378 1.16884 7.08766 1.02809C7.60083 0.546137 8.40047 0.546137 8.91364 1.02809C9.06383 1.16915 9.17433 1.33725 9.24424 1.51807ZM6.7864 13.3373H9.15847C9.05118 13.5237 8.89625 13.6837 8.69797 13.8046C8.26981 14.0658 7.7315 14.0658 7.30333 13.8046C7.04113 13.6447 6.88059 13.5125 6.7864 13.3373ZM13.334 11.6299C13.1351 11.447 12.8344 11.167 12.6941 11.0138C11.8046 10.0427 11.334 8.73507 11.334 6.66408C11.334 4.15268 9.77379 2.67403 8.00065 2.67403C6.2225 2.67403 4.66732 4.14508 4.66732 6.66408C4.66732 8.74174 4.1968 10.0489 3.30631 11.0174C3.16627 11.1697 2.8647 11.4495 2.66732 11.6302V12.0045H13.334V11.6299ZM10.6673 8.66352V7.33075H5.33398V8.66352H10.6673Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/bell_plus.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BellPlus = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.24424 1.51807C11.1751 2.08169 12.6673 3.95911 12.6673 6.66408C12.6673 8.4131 13.0218 9.39785 13.6776 10.1139C13.7888 10.2354 14.0915 10.5144 14.2919 10.6993L14.292 10.6994L14.292 10.6994C14.3844 10.7846 14.4551 10.8498 14.4753 10.8703L14.6673 11.0649V13.3373H10.5835C10.4167 13.9936 10.0056 14.5683 9.39252 14.9423C8.53789 15.4636 7.46341 15.4636 6.60878 14.9423C5.91405 14.5185 5.52988 14.045 5.39264 13.3373H1.33398V11.0649L1.52596 10.8703C1.54825 10.8478 1.62195 10.78 1.7171 10.6926L1.71713 10.6925L1.71714 10.6925C1.91824 10.5076 2.21506 10.2347 2.32462 10.1155C2.97997 9.40277 3.33398 8.41927 3.33398 6.66408C3.33398 3.95136 4.82422 2.07805 6.75752 1.51688C6.82746 1.33651 6.9378 1.16884 7.08766 1.02809C7.60083 0.546137 8.40047 0.546137 8.91364 1.02809C9.06383 1.16915 9.17433 1.33725 9.24424 1.51807ZM6.7864 13.3373H9.15847C9.05118 13.5237 8.89625 13.6837 8.69797 13.8046C8.26981 14.0658 7.7315 14.0658 7.30333 13.8046C7.04113 13.6447 6.88059 13.5125 6.7864 13.3373ZM13.334 11.6299C13.1351 11.447 12.8344 11.167 12.6941 11.0138C11.8046 10.0427 11.334 8.73507 11.334 6.66408C11.334 4.15268 9.77379 2.67403 8.00065 2.67403C6.2225 2.67403 4.66732 4.14508 4.66732 6.66408C4.66732 8.74174 4.1968 10.0489 3.30631 11.0174C3.16627 11.1697 2.8647 11.4495 2.66732 11.6302V12.0045H13.334V11.6299ZM7.33398 5.3316V7.33075H5.33398V8.66352H7.33398V10.6627H8.66732V8.66352H10.6673V7.33075H8.66732V5.3316H7.33398Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/bell_ring.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BellRing = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M0.666016 6.3623C0.666016 4.06318 1.72404 2.01118 3.37976 0.666626L4.45092 1.52355C2.96429 2.61559 1.99935 4.37626 1.99935 6.3623H0.666016Z" />
+      <path d="M13.9993 6.3623C13.9993 4.37626 13.0344 2.61559 11.5478 1.52355L12.6189 0.666626C14.2747 2.01118 15.3327 4.06318 15.3327 6.3623H13.9993Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.24294 1.51843C11.1738 2.08229 12.666 3.96051 12.666 6.66663C12.666 8.41639 13.0205 9.40156 13.6763 10.1179C13.7875 10.2394 14.0902 10.5187 14.2907 10.7036C14.3831 10.7889 14.4538 10.8541 14.474 10.8746L14.666 11.0693V13.3427H10.5822C10.4154 13.9992 10.0043 14.5742 9.39122 14.9484C8.53659 15.4699 7.46211 15.4699 6.60748 14.9484C5.91274 14.5244 5.52857 14.0507 5.39133 13.3427H1.33268V11.0693L1.52466 10.8746C1.54694 10.8521 1.62059 10.7844 1.71568 10.6969C1.91678 10.5119 2.21375 10.2387 2.32332 10.1195C2.97867 9.40647 3.33268 8.42256 3.33268 6.66663C3.33268 3.95275 4.82292 2.07864 6.75622 1.51724C6.82616 1.33679 6.9365 1.16905 7.08636 1.02825C7.59953 0.546086 8.39917 0.546086 8.91234 1.02825C9.06253 1.16936 9.17303 1.33753 9.24294 1.51843ZM6.78509 13.3427H9.15716C9.04987 13.5291 8.89495 13.6892 8.69667 13.8102C8.2685 14.0715 7.73019 14.0715 7.30203 13.8102C7.03982 13.6502 6.87928 13.5179 6.78509 13.3427ZM13.3327 11.6346C13.1338 11.4516 12.8331 11.1715 12.6928 11.0182C11.8033 10.0466 11.3327 8.73849 11.3327 6.66663C11.3327 4.15415 9.77249 2.67488 7.99935 2.67488C6.2212 2.67488 4.66602 4.14656 4.66602 6.66663C4.66602 8.74516 4.1955 10.0529 3.30501 11.0218C3.16497 11.1741 2.8634 11.454 2.66602 11.6349V12.0094H13.3327V11.6346Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/bell_slash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const BellSlash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12.6661 9.85326V6.66408C12.6661 3.95911 11.1738 2.08169 9.24299 1.51807C9.17308 1.33725 9.06258 1.16915 8.91239 1.02809C8.39922 0.546137 7.59958 0.546137 7.08641 1.02809C6.93655 1.16884 6.82621 1.33651 6.75627 1.51688C6.17827 1.68465 5.63987 1.96971 5.16905 2.35942L6.11697 3.30694C6.6602 2.89311 7.3132 2.67403 7.9994 2.67403C9.77254 2.67403 11.3327 4.15268 11.3327 6.66408C11.3327 7.45319 11.4011 8.13147 11.5349 8.72253L12.6661 9.85326ZM9.39127 14.9423C10.0044 14.5683 10.4155 13.9936 10.5823 13.3373H12.3939L14.1947 15.138L15.1375 14.1952L1.80414 0.861888L0.861328 1.8047L3.6576 4.60097C3.44859 5.21659 3.33273 5.90771 3.33273 6.66408C3.33273 8.41927 2.97872 9.40277 2.32337 10.1155C2.2138 10.2347 1.91692 10.5077 1.71583 10.6926C1.62069 10.7801 1.54699 10.8478 1.52471 10.8703L1.33273 11.0649V13.3373L5.39138 13.3373C5.52862 14.045 5.91279 14.5185 6.60753 14.9423C7.46216 15.4636 8.53664 15.4636 9.39127 14.9423ZM4.74949 5.69286L11.0612 12.0045H2.66607V11.6302C2.86345 11.4495 3.16502 11.1697 3.30506 11.0174C4.19555 10.0489 4.66607 8.74174 4.66607 6.66408C4.66607 6.32049 4.695 5.99639 4.74949 5.69286ZM6.78514 13.3373H9.15721C9.04992 13.5237 8.89499 13.6837 8.69672 13.8046C8.26855 14.0658 7.73024 14.0658 7.30208 13.8046C7.03987 13.6447 6.87933 13.5125 6.78514 13.3373Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/close_octogon.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const CloseOctogon = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.3327 4.96239V11.0375L11.0369 15.3333H4.96178L0.666016 11.0375V4.96239L4.96178 0.666626H11.0369L15.3327 4.96239ZM10.4846 1.99996H5.51407L1.99935 5.51468V10.4852L5.51407 14H10.4846L13.9993 10.4852V5.51468L10.4846 1.99996ZM5.80409 11.138L7.99935 8.94277L10.1946 11.138L11.1374 10.1952L8.94216 7.99996L11.1374 5.8047L10.1946 4.86189L7.99935 7.05715L5.80409 4.86189L4.86128 5.8047L7.05654 7.99996L4.86128 10.1952L5.80409 11.138Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/index.ts

@@ -0,0 +1,14 @@
+export { AlertCircle } from './alert_circle';
+export { AlertOctogon } from './alert_octogon';
+export { AlertTriangle } from './alert_triangle';
+export { AppNotification } from './app_notification';
+export { Bell } from './bell';
+export { BellAlert } from './bell_alert';
+export { BellCheckmark } from './bell_checkmark';
+export { BellMinus } from './bell_minus';
+export { BellPlus } from './bell_plus';
+export { BellRing } from './bell_ring';
+export { BellSlash } from './bell_slash';
+export { Information } from './information';
+export { MinusOctogon } from './minus_octogon';
+export { QuestionCircle } from './question_circle';

package/src/icons/notifications/information.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Information = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM8.66842 9.33219H9.33465V10.6655H6.66798V9.33219H7.33465V7.99886H6.66798V6.66552H8.66842V9.33219ZM8.66645 5.33219C8.66645 5.70038 8.36788 5.99886 7.99957 5.99886C7.63126 5.99886 7.33268 5.70038 7.33268 5.33219C7.33268 4.964 7.63126 4.66552 7.99957 4.66552C8.36788 4.66552 8.66645 4.964 8.66645 5.33219Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/minus_octogon.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const MinusOctogon = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.3327 4.96239V11.0375L11.0369 15.3333H4.96178L0.666016 11.0375V4.96239L4.96178 0.666626H11.0369L15.3327 4.96239ZM10.4846 1.99996H5.51407L1.99935 5.51468V10.4852L5.51407 14H10.4846L13.9993 10.4852V5.51468L10.4846 1.99996ZM11.3327 7.33329H4.66602V8.66663H11.3327V7.33329Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/notifications/question_circle.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const QuestionCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.666016 7.99996C0.666016 12.05 3.94926 15.3333 7.99935 15.3333C12.0494 15.3333 15.3327 12.05 15.3327 7.99996C15.3327 3.94987 12.0494 0.666626 7.99935 0.666626C3.94926 0.666626 0.666016 3.94987 0.666016 7.99996ZM13.9993 7.99996C13.9993 11.3137 11.3131 14 7.99935 14C4.68564 14 1.99935 11.3137 1.99935 7.99996C1.99935 4.68625 4.68564 1.99996 7.99935 1.99996C11.3131 1.99996 13.9993 4.68625 13.9993 7.99996ZM7.99957 11.3322C8.36788 11.3322 8.66645 11.0337 8.66645 10.6655C8.66645 10.2973 8.36788 9.99886 7.99957 9.99886C7.63126 9.99886 7.33268 10.2973 7.33268 10.6655C7.33268 11.0337 7.63126 11.3322 7.99957 11.3322ZM7.33268 9.33329H8.66602C8.66602 8.80106 8.74963 8.70351 9.29749 8.42958C10.2496 7.95351 10.666 7.46772 10.666 6.33329C10.666 4.88038 9.52225 3.99996 7.99935 3.99996C6.52659 3.99996 5.33268 5.19387 5.33268 6.66663H6.66602C6.66602 5.93025 7.26297 5.33329 7.99935 5.33329C8.85079 5.33329 9.33268 5.70423 9.33268 6.33329C9.33268 6.86553 9.24907 6.96308 8.70121 7.23701C7.74907 7.71308 7.33268 8.19886 7.33268 9.33329Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/people/group.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Group = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M8 8C7.175 8 6.46875 7.70625 5.88125 7.11875C5.29375 6.53125 5 5.825 5 5C5 4.175 5.29375 3.46875 5.88125 2.88125C6.46875 2.29375 7.175 2 8 2C8.825 2 9.53125 2.29375 10.1187 2.88125C10.7063 3.46875 11 4.175 11 5C11 5.825 10.7063 6.53125 10.1187 7.11875C9.53125 7.70625 8.825 8 8 8ZM2 14V11.9C2 11.475 2.1095 11.0843 2.3285 10.7277C2.547 10.3717 2.8375 10.1 3.2 9.9125C3.975 9.525 4.7625 9.23425 5.5625 9.04025C6.3625 8.84675 7.175 8.75 8 8.75C8.825 8.75 9.6375 8.84675 10.4375 9.04025C11.2375 9.23425 12.025 9.525 12.8 9.9125C13.1625 10.1 13.453 10.3717 13.6715 10.7277C13.8905 11.0843 14 11.475 14 11.9V14H2ZM3.5 12.5H12.5V11.9C12.5 11.7625 12.4658 11.6375 12.3973 11.525C12.3283 11.4125 12.2375 11.325 12.125 11.2625C11.45 10.925 10.7688 10.6718 10.0812 10.5028C9.39375 10.3342 8.7 10.25 8 10.25C7.3 10.25 6.60625 10.3342 5.91875 10.5028C5.23125 10.6718 4.55 10.925 3.875 11.2625C3.7625 11.325 3.672 11.4125 3.6035 11.525C3.5345 11.6375 3.5 11.7625 3.5 11.9V12.5ZM8 6.5C8.4125 6.5 8.76575 6.353 9.05975 6.059C9.35325 5.7655 9.5 5.4125 9.5 5C9.5 4.5875 9.35325 4.2345 9.05975 3.941C8.76575 3.647 8.4125 3.5 8 3.5C7.5875 3.5 7.2345 3.647 6.941 3.941C6.647 4.2345 6.5 4.5875 6.5 5C6.5 5.4125 6.647 5.7655 6.941 6.059C7.2345 6.353 7.5875 6.5 8 6.5Z" />
+    </Icon>
+  );
+};

package/src/icons/people/group_add.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GroupAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M8.33333 7.96663C8.65556 7.61107 8.90289 7.20551 9.07533 6.74996C9.24733 6.2944 9.33333 5.82218 9.33333 5.33329C9.33333 4.8444 9.24733 4.37218 9.07533 3.91663C8.90289 3.46107 8.65556 3.05551 8.33333 2.69996C9 2.78885 9.55556 3.08329 10 3.58329C10.4444 4.08329 10.6667 4.66663 10.6667 5.33329C10.6667 5.99996 10.4444 6.58329 10 7.08329C9.55556 7.58329 9 7.87774 8.33333 7.96663ZM12 13.3333V11.3333C12 10.9333 11.9111 10.5528 11.7333 10.192C11.5556 9.83063 11.3222 9.51107 11.0333 9.23329C11.6 9.43329 12.1251 9.69151 12.6087 10.008C13.0918 10.3248 13.3333 10.7666 13.3333 11.3333V13.3333H12ZM13.3333 8.66663V7.33329H12V5.99996H13.3333V4.66663H14.6667V5.99996H16V7.33329H14.6667V8.66663H13.3333ZM5.33333 7.99996C4.6 7.99996 3.97222 7.73885 3.45 7.21663C2.92778 6.6944 2.66667 6.06663 2.66667 5.33329C2.66667 4.59996 2.92778 3.97218 3.45 3.44996C3.97222 2.92774 4.6 2.66663 5.33333 2.66663C6.06667 2.66663 6.69444 2.92774 7.21667 3.44996C7.73889 3.97218 8 4.59996 8 5.33329C8 6.06663 7.73889 6.6944 7.21667 7.21663C6.69444 7.73885 6.06667 7.99996 5.33333 7.99996ZM0 13.3333V11.4666C0 11.0888 0.0973333 10.7415 0.292 10.4246C0.486222 10.1082 0.744444 9.86663 1.06667 9.69996C1.75556 9.35551 2.45556 9.09707 3.16667 8.92463C3.87778 8.75263 4.6 8.66663 5.33333 8.66663C6.06667 8.66663 6.78889 8.75263 7.5 8.92463C8.21111 9.09707 8.91111 9.35551 9.6 9.69996C9.92222 9.86663 10.1804 10.1082 10.3747 10.4246C10.5693 10.7415 10.6667 11.0888 10.6667 11.4666V13.3333H0ZM5.33333 6.66663C5.7 6.66663 6.014 6.53596 6.27533 6.27463C6.53622 6.01374 6.66667 5.69996 6.66667 5.33329C6.66667 4.96663 6.53622 4.65285 6.27533 4.39196C6.014 4.13063 5.7 3.99996 5.33333 3.99996C4.96667 3.99996 4.65289 4.13063 4.392 4.39196C4.13067 4.65285 4 4.96663 4 5.33329C4 5.69996 4.13067 6.01374 4.392 6.27463C4.65289 6.53596 4.96667 6.66663 5.33333 6.66663ZM1.33333 12H9.33333V11.4666C9.33333 11.3444 9.30289 11.2333 9.242 11.1333C9.18067 11.0333 9.1 10.9555 9 10.9C8.4 10.6 7.79444 10.3748 7.18333 10.2246C6.57222 10.0748 5.95556 9.99996 5.33333 9.99996C4.71111 9.99996 4.09444 10.0748 3.48333 10.2246C2.87222 10.3748 2.26667 10.6 1.66667 10.9C1.56667 10.9555 1.48622 11.0333 1.42533 11.1333C1.364 11.2333 1.33333 11.3444 1.33333 11.4666V12Z" />
+    </Icon>
+  );
+};

package/src/icons/people/group_remove.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const GroupRemove = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M8.33333 7.96663C8.65556 7.61107 8.90289 7.20551 9.07533 6.74996C9.24733 6.2944 9.33333 5.82218 9.33333 5.33329C9.33333 4.8444 9.24733 4.37218 9.07533 3.91663C8.90289 3.46107 8.65556 3.05551 8.33333 2.69996C9 2.78885 9.55556 3.08329 10 3.58329C10.4444 4.08329 10.6667 4.66663 10.6667 5.33329C10.6667 5.99996 10.4444 6.58329 10 7.08329C9.55556 7.58329 9 7.87774 8.33333 7.96663ZM12 13.3333V11.3333C12 10.9333 11.9111 10.5528 11.7333 10.192C11.5556 9.83063 11.3222 9.51107 11.0333 9.23329C11.6 9.43329 12.1251 9.69151 12.6087 10.008C13.0918 10.3248 13.3333 10.7666 13.3333 11.3333V13.3333H12ZM16 7.33329H12V5.99996H16V7.33329ZM5.33333 7.99996C4.6 7.99996 3.97222 7.73885 3.45 7.21663C2.92778 6.6944 2.66667 6.06663 2.66667 5.33329C2.66667 4.59996 2.92778 3.97218 3.45 3.44996C3.97222 2.92774 4.6 2.66663 5.33333 2.66663C6.06667 2.66663 6.69444 2.92774 7.21667 3.44996C7.73889 3.97218 8 4.59996 8 5.33329C8 6.06663 7.73889 6.6944 7.21667 7.21663C6.69444 7.73885 6.06667 7.99996 5.33333 7.99996ZM0 13.3333V11.4666C0 11.0888 0.0973333 10.7415 0.292 10.4246C0.486222 10.1082 0.744444 9.86663 1.06667 9.69996C1.75556 9.35551 2.45556 9.09707 3.16667 8.92463C3.87778 8.75263 4.6 8.66663 5.33333 8.66663C6.06667 8.66663 6.78889 8.75263 7.5 8.92463C8.21111 9.09707 8.91111 9.35551 9.6 9.69996C9.92222 9.86663 10.1804 10.1082 10.3747 10.4246C10.5693 10.7415 10.6667 11.0888 10.6667 11.4666V13.3333H0ZM5.33333 6.66663C5.7 6.66663 6.014 6.53596 6.27533 6.27463C6.53622 6.01374 6.66667 5.69996 6.66667 5.33329C6.66667 4.96663 6.53622 4.65285 6.27533 4.39196C6.014 4.13063 5.7 3.99996 5.33333 3.99996C4.96667 3.99996 4.65289 4.13063 4.392 4.39196C4.13067 4.65285 4 4.96663 4 5.33329C4 5.69996 4.13067 6.01374 4.392 6.27463C4.65289 6.53596 4.96667 6.66663 5.33333 6.66663ZM1.33333 12H9.33333V11.4666C9.33333 11.3444 9.30289 11.2333 9.242 11.1333C9.18067 11.0333 9.1 10.9555 9 10.9C8.4 10.6 7.79444 10.3748 7.18333 10.2246C6.57222 10.0748 5.95556 9.99996 5.33333 9.99996C4.71111 9.99996 4.09444 10.0748 3.48333 10.2246C2.87222 10.3748 2.26667 10.6 1.66667 10.9C1.56667 10.9555 1.48622 11.0333 1.42533 11.1333C1.364 11.2333 1.33333 11.3444 1.33333 11.4666V12Z" />
+    </Icon>
+  );
+};

package/src/icons/people/groups.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Groups = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M0 12V10.95C0 10.4611 0.247333 10.0693 0.742 9.77467C1.23622 9.48044 1.87778 9.33333 2.66667 9.33333C2.81111 9.33333 2.95 9.336 3.08333 9.34133C3.21667 9.34711 3.34444 9.36111 3.46667 9.38333C3.31111 9.60556 3.19444 9.84444 3.11667 10.1C3.03889 10.3556 3 10.6278 3 10.9167V12H0ZM4 12V10.9167C4 10.1944 4.36956 9.61111 5.10867 9.16667C5.84733 8.72222 6.81111 8.5 8 8.5C9.2 8.5 10.1667 8.72222 10.9 9.16667C11.6333 9.61111 12 10.1944 12 10.9167V12H4ZM13 12V10.9167C13 10.6278 12.9638 10.3556 12.8913 10.1C12.8193 9.84444 12.7111 9.60556 12.5667 9.38333C12.6889 9.36111 12.814 9.34711 12.942 9.34133C13.0696 9.336 13.2 9.33333 13.3333 9.33333C14.1333 9.33333 14.7778 9.48044 15.2667 9.77467C15.7556 10.0693 16 10.4611 16 10.95V12H13ZM8 9.83333C7.36667 9.83333 6.8 9.91667 6.3 10.0833C5.8 10.25 5.50556 10.4444 5.41667 10.6667H10.6C10.5 10.4444 10.2027 10.25 9.708 10.0833C9.21378 9.91667 8.64444 9.83333 8 9.83333ZM2.66667 8.66667C2.3 8.66667 1.98622 8.536 1.72533 8.27467C1.464 8.01378 1.33333 7.7 1.33333 7.33333C1.33333 6.95556 1.464 6.63889 1.72533 6.38333C1.98622 6.12778 2.3 6 2.66667 6C3.04444 6 3.36111 6.12778 3.61667 6.38333C3.87222 6.63889 4 6.95556 4 7.33333C4 7.7 3.87222 8.01378 3.61667 8.27467C3.36111 8.536 3.04444 8.66667 2.66667 8.66667ZM13.3333 8.66667C12.9667 8.66667 12.6527 8.536 12.3913 8.27467C12.1304 8.01378 12 7.7 12 7.33333C12 6.95556 12.1304 6.63889 12.3913 6.38333C12.6527 6.12778 12.9667 6 13.3333 6C13.7111 6 14.0278 6.12778 14.2833 6.38333C14.5389 6.63889 14.6667 6.95556 14.6667 7.33333C14.6667 7.7 14.5389 8.01378 14.2833 8.27467C14.0278 8.536 13.7111 8.66667 13.3333 8.66667ZM8 8C7.44444 8 6.97222 7.80556 6.58333 7.41667C6.19444 7.02778 6 6.55556 6 6C6 5.43333 6.19444 4.95822 6.58333 4.57467C6.97222 4.19156 7.44444 4 8 4C8.56667 4 9.04156 4.19156 9.42467 4.57467C9.80822 4.95822 10 5.43333 10 6C10 6.55556 9.80822 7.02778 9.42467 7.41667C9.04156 7.80556 8.56667 8 8 8ZM8 5.33333C7.81111 5.33333 7.65289 5.39711 7.52533 5.52467C7.39733 5.65267 7.33333 5.81111 7.33333 6C7.33333 6.18889 7.39733 6.34711 7.52533 6.47467C7.65289 6.60267 7.81111 6.66667 8 6.66667C8.18889 6.66667 8.34733 6.60267 8.47533 6.47467C8.60289 6.34711 8.66667 6.18889 8.66667 6C8.66667 5.81111 8.60289 5.65267 8.47533 5.52467C8.34733 5.39711 8.18889 5.33333 8 5.33333Z" />
+    </Icon>
+  );
+};

package/src/icons/people/index.ts

@@ -0,0 +1,9 @@
+export { Group } from './group';
+export { GroupAdd } from './group_add';
+export { GroupRemove } from './group_remove';
+export { Groups } from './groups';
+export { Person } from './person';
+export { PersonAdd } from './person_add';
+export { PersonCheckmark } from './person_checkmark';
+export { PersonCircle } from './person_circle';
+export { PersonRemove } from './person_remove';

package/src/icons/people/person.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Person = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M8 8C7.175 8 6.46875 7.70625 5.88125 7.11875C5.29375 6.53125 5 5.825 5 5C5 4.175 5.29375 3.46875 5.88125 2.88125C6.46875 2.29375 7.175 2 8 2C8.825 2 9.53125 2.29375 10.1187 2.88125C10.7062 3.46875 11 4.175 11 5C11 5.825 10.7062 6.53125 10.1187 7.11875C9.53125 7.70625 8.825 8 8 8ZM2 14V11.9C2 11.475 2.1095 11.0843 2.3285 10.7278C2.547 10.3718 2.8375 10.1 3.2 9.9125C3.975 9.525 4.7625 9.23425 5.5625 9.04025C6.3625 8.84675 7.175 8.75 8 8.75C8.825 8.75 9.6375 8.84675 10.4375 9.04025C11.2375 9.23425 12.025 9.525 12.8 9.9125C13.1625 10.1 13.453 10.3718 13.6715 10.7278C13.8905 11.0843 14 11.475 14 11.9V14H2ZM3.5 12.5H12.5V11.9C12.5 11.7625 12.4658 11.6375 12.3973 11.525C12.3283 11.4125 12.2375 11.325 12.125 11.2625C11.45 10.925 10.7687 10.6717 10.0812 10.5027C9.39375 10.3342 8.7 10.25 8 10.25C7.3 10.25 6.60625 10.3342 5.91875 10.5027C5.23125 10.6717 4.55 10.925 3.875 11.2625C3.7625 11.325 3.672 11.4125 3.6035 11.525C3.5345 11.6375 3.5 11.7625 3.5 11.9V12.5ZM8 6.5C8.4125 6.5 8.76575 6.353 9.05975 6.059C9.35325 5.7655 9.5 5.4125 9.5 5C9.5 4.5875 9.35325 4.2345 9.05975 3.941C8.76575 3.647 8.4125 3.5 8 3.5C7.5875 3.5 7.2345 3.647 6.941 3.941C6.647 4.2345 6.5 4.5875 6.5 5C6.5 5.4125 6.647 5.7655 6.941 6.059C7.2345 6.353 7.5875 6.5 8 6.5Z" />
+    </Icon>
+  );
+};

package/src/icons/people/person_add.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PersonAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M11.9993 9.33329V7.33329H9.99935V5.99996H11.9993V3.99996H13.3327V5.99996H15.3327V7.33329H13.3327V9.33329H11.9993ZM5.99935 7.99996C5.26602 7.99996 4.63824 7.73885 4.11602 7.21663C3.59379 6.6944 3.33268 6.06663 3.33268 5.33329C3.33268 4.59996 3.59379 3.97218 4.11602 3.44996C4.63824 2.92774 5.26602 2.66663 5.99935 2.66663C6.73268 2.66663 7.36046 2.92774 7.88268 3.44996C8.4049 3.97218 8.66602 4.59996 8.66602 5.33329C8.66602 6.06663 8.4049 6.6944 7.88268 7.21663C7.36046 7.73885 6.73268 7.99996 5.99935 7.99996ZM0.666016 13.3333V11.4666C0.666016 11.0888 0.763349 10.7415 0.958016 10.4246C1.15224 10.1082 1.41046 9.86663 1.73268 9.69996C2.42157 9.35551 3.12157 9.09707 3.83268 8.92463C4.54379 8.75263 5.26602 8.66663 5.99935 8.66663C6.73268 8.66663 7.4549 8.75263 8.16602 8.92463C8.87713 9.09707 9.57713 9.35551 10.266 9.69996C10.5882 9.86663 10.8465 10.1082 11.0407 10.4246C11.2353 10.7415 11.3327 11.0888 11.3327 11.4666V13.3333H0.666016ZM1.99935 12H9.99935V11.4666C9.99935 11.3444 9.9689 11.2333 9.90802 11.1333C9.84668 11.0333 9.76602 10.9555 9.66602 10.9C9.06602 10.6 8.46046 10.3748 7.84935 10.2246C7.23824 10.0748 6.62157 9.99996 5.99935 9.99996C5.37713 9.99996 4.76046 10.0748 4.14935 10.2246C3.53824 10.3748 2.93268 10.6 2.33268 10.9C2.23268 10.9555 2.15224 11.0333 2.09135 11.1333C2.03002 11.2333 1.99935 11.3444 1.99935 11.4666V12ZM5.99935 6.66663C6.36602 6.66663 6.68002 6.53596 6.94135 6.27463C7.20224 6.01374 7.33268 5.69996 7.33268 5.33329C7.33268 4.96663 7.20224 4.65285 6.94135 4.39196C6.68002 4.13063 6.36602 3.99996 5.99935 3.99996C5.63268 3.99996 5.3189 4.13063 5.05802 4.39196C4.79668 4.65285 4.66602 4.96663 4.66602 5.33329C4.66602 5.69996 4.79668 6.01374 5.05802 6.27463C5.3189 6.53596 5.63268 6.66663 5.99935 6.66663Z" />
+    </Icon>
+  );
+};

package/src/icons/people/person_checkmark.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PersonCheckmark = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M1.33398 13.3333V11.4666C1.33398 11.1 1.42843 10.7555 1.61732 10.4333C1.80621 10.1111 2.06732 9.86663 2.40065 9.69996C2.96732 9.41107 3.60621 9.16663 4.31732 8.96663C5.02843 8.76663 5.81176 8.66663 6.66732 8.66663C7.00065 8.66663 7.32576 8.68329 7.64265 8.71663C7.9591 8.74996 8.26732 8.79996 8.56732 8.86663L7.40065 10.0333C7.27843 10.0111 7.15887 9.99996 7.04198 9.99996H6.66732C5.87843 9.99996 5.16998 10.0944 4.54198 10.2833C3.91443 10.4722 3.40065 10.6777 3.00065 10.9C2.90065 10.9555 2.82021 11.0333 2.75932 11.1333C2.69798 11.2333 2.66732 11.3444 2.66732 11.4666V12H6.83398L8.16732 13.3333H1.33398ZM10.3673 13.6L8.06732 11.3L9.00065 10.3666L10.3673 11.7333L13.734 8.36663L14.6673 9.29996L10.3673 13.6ZM6.66732 7.99996C5.93398 7.99996 5.30621 7.73885 4.78398 7.21663C4.26176 6.6944 4.00065 6.06663 4.00065 5.33329C4.00065 4.59996 4.26176 3.97218 4.78398 3.44996C5.30621 2.92774 5.93398 2.66663 6.66732 2.66663C7.40065 2.66663 8.02843 2.92774 8.55065 3.44996C9.07287 3.97218 9.33398 4.59996 9.33398 5.33329C9.33398 6.06663 9.07287 6.6944 8.55065 7.21663C8.02843 7.73885 7.40065 7.99996 6.66732 7.99996ZM6.66732 6.66663C7.03398 6.66663 7.34798 6.53596 7.60932 6.27463C7.87021 6.01374 8.00065 5.69996 8.00065 5.33329C8.00065 4.96663 7.87021 4.65285 7.60932 4.39196C7.34798 4.13063 7.03398 3.99996 6.66732 3.99996C6.30065 3.99996 5.98687 4.13063 5.72598 4.39196C5.46465 4.65285 5.33398 4.96663 5.33398 5.33329C5.33398 5.69996 5.46465 6.01374 5.72598 6.27463C5.98687 6.53596 6.30065 6.66663 6.66732 6.66663Z" />
+    </Icon>
+  );
+};

package/src/icons/people/person_circle.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PersonCircle = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.40065 14.1414C6.21176 14.4916 7.07843 14.6667 8.00065 14.6667C8.92287 14.6667 9.78954 14.4916 10.6006 14.1414C11.4118 13.7916 12.1173 13.3167 12.7173 12.7167C13.3173 12.1167 13.7922 11.4112 14.142 10.6C14.4922 9.78893 14.6673 8.92226 14.6673 8.00004C14.6673 7.07782 14.4922 6.21115 14.142 5.40004C13.7922 4.58893 13.3173 3.88337 12.7173 3.28337C12.1173 2.68337 11.4118 2.20826 10.6006 1.85804C9.78954 1.50826 8.92287 1.33337 8.00065 1.33337C7.07843 1.33337 6.21176 1.50826 5.40065 1.85804C4.58954 2.20826 3.88398 2.68337 3.28398 3.28337C2.68398 3.88337 2.2091 4.58893 1.85932 5.40004C1.5091 6.21115 1.33398 7.07782 1.33398 8.00004C1.33398 8.92226 1.5091 9.78893 1.85932 10.6C2.2091 11.4112 2.68398 12.1167 3.28398 12.7167C3.88398 13.3167 4.58954 13.7916 5.40065 14.1414ZM12.5108 10.848C12.7096 10.5385 12.8757 10.2059 13.0093 9.85004C13.2258 9.27226 13.334 8.6556 13.334 8.00004C13.334 6.52226 12.8147 5.26382 11.776 4.22471C10.7369 3.18604 9.47843 2.66671 8.00065 2.66671C6.52287 2.66671 5.26465 3.18604 4.22598 4.22471C3.18687 5.26382 2.66732 6.52226 2.66732 8.00004C2.66732 8.6556 2.77576 9.27226 2.99265 9.85004C3.1244 10.2017 3.28811 10.5308 3.48376 10.8372C4.4277 12.3369 6.0978 13.3334 8.00065 13.3334C9.89895 13.3334 11.5656 12.3416 12.5108 10.848Z"
+      />
+      <path d="M12.375 11.7479C12.3464 11.7313 12.3174 11.7154 12.2878 11.7001C11.599 11.3556 10.8991 11.0971 10.1878 10.9247C9.47656 10.7527 8.75456 10.6667 8.02116 10.6667C7.28776 10.6667 6.56575 10.7527 5.85449 10.9247C5.14323 11.0971 4.44336 11.3556 3.75456 11.7001C3.72493 11.7154 3.69596 11.7313 3.66732 11.7479C3.93815 12.13 4.25814 12.4748 4.61784 12.7733C5.13151 12.5358 5.64909 12.353 6.17122 12.2247C6.78223 12.0749 7.39909 12 8.02116 12C8.2845 12 8.5472 12.0135 8.80892 12.0403C9.16471 12.0769 9.51888 12.1384 9.87109 12.2247C10.3932 12.353 10.9108 12.5358 11.4245 12.7733C11.7842 12.4748 12.1042 12.13 12.375 11.7479Z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M6.13769 9.21667C6.66016 9.73889 7.28776 10 8.02116 10C8.75456 10 9.38216 9.73889 9.90462 9.21667C10.4268 8.69446 10.6878 8.06669 10.6878 7.33337C10.6878 6.60006 10.4268 5.97229 9.90462 5.45007C9.38216 4.92786 8.75456 4.66671 8.02116 4.66671C7.28776 4.66671 6.66016 4.92786 6.13769 5.45007C5.61556 5.97229 5.35449 6.60006 5.35449 7.33337C5.35449 8.06669 5.61556 8.69446 6.13769 9.21667ZM8.96322 8.2747C8.70182 8.53601 8.38769 8.66671 8.02116 8.66671C7.65462 8.66671 7.34082 8.53601 7.07975 8.2747C6.81836 8.01379 6.68783 7.70007 6.68783 7.33337C6.68783 6.96667 6.81836 6.65295 7.07975 6.39205C7.34082 6.13074 7.65462 6.00004 8.02116 6.00004C8.38769 6.00004 8.70182 6.13074 8.96322 6.39205C9.22396 6.65295 9.35449 6.96667 9.35449 7.33337C9.35449 7.70007 9.22396 8.01379 8.96322 8.2747Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/people/person_remove.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PersonRemove = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path d="M10.666 7.33329V5.99996H14.666V7.33329H10.666ZM5.99935 7.99996C5.26602 7.99996 4.63824 7.73885 4.11602 7.21663C3.59379 6.6944 3.33268 6.06663 3.33268 5.33329C3.33268 4.59996 3.59379 3.97218 4.11602 3.44996C4.63824 2.92774 5.26602 2.66663 5.99935 2.66663C6.73268 2.66663 7.36046 2.92774 7.88268 3.44996C8.4049 3.97218 8.66602 4.59996 8.66602 5.33329C8.66602 6.06663 8.4049 6.6944 7.88268 7.21663C7.36046 7.73885 6.73268 7.99996 5.99935 7.99996ZM0.666016 13.3333V11.4666C0.666016 11.0888 0.763349 10.7415 0.958016 10.4246C1.15224 10.1082 1.41046 9.86663 1.73268 9.69996C2.42157 9.35551 3.12157 9.09707 3.83268 8.92463C4.54379 8.75263 5.26602 8.66663 5.99935 8.66663C6.73268 8.66663 7.4549 8.75263 8.16602 8.92463C8.87713 9.09707 9.57713 9.35551 10.266 9.69996C10.5882 9.86663 10.8465 10.1082 11.0407 10.4246C11.2353 10.7415 11.3327 11.0888 11.3327 11.4666V13.3333H0.666016ZM1.99935 12H9.99935V11.4666C9.99935 11.3444 9.9689 11.2333 9.90802 11.1333C9.84668 11.0333 9.76602 10.9555 9.66602 10.9C9.06602 10.6 8.46046 10.3748 7.84935 10.2246C7.23824 10.0748 6.62157 9.99996 5.99935 9.99996C5.37713 9.99996 4.76046 10.0748 4.14935 10.2246C3.53824 10.3748 2.93268 10.6 2.33268 10.9C2.23268 10.9555 2.15224 11.0333 2.09135 11.1333C2.03002 11.2333 1.99935 11.3444 1.99935 11.4666V12ZM5.99935 6.66663C6.36602 6.66663 6.68002 6.53596 6.94135 6.27463C7.20224 6.01374 7.33268 5.69996 7.33268 5.33329C7.33268 4.96663 7.20224 4.65285 6.94135 4.39196C6.68002 4.13063 6.36602 3.99996 5.99935 3.99996C5.63268 3.99996 5.3189 4.13063 5.05802 4.39196C4.79668 4.65285 4.66602 4.96663 4.66602 5.33329C4.66602 5.69996 4.79668 6.01374 5.05802 6.27463C5.3189 6.53596 5.63268 6.66663 5.99935 6.66663Z" />
+    </Icon>
+  );
+};

package/src/icons/phone/index.ts

@@ -0,0 +1,14 @@
+export { Keypad } from './keypad';
+export { Phone } from './phone';
+export { PhoneAdd } from './phone_add';
+export { PhoneCalling } from './phone_calling';
+export { PhoneCheck } from './phone_check';
+export { PhoneClose } from './phone_close';
+export { PhoneDecline } from './phone_decline';
+export { PhoneForwarded } from './phone_forwarded';
+export { PhoneHash } from './phone_hash';
+export { PhoneIncoming } from './phone_incoming';
+export { PhoneOutgoing } from './phone_outgoing';
+export { PhonePause } from './phone_pause';
+export { PhoneSlash } from './phone_slash';
+export { Voicemail } from './voicemail';

package/src/icons/phone/keypad.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Keypad = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.33398 3.33325C1.33398 4.43782 2.22941 5.33325 3.33398 5.33325C4.43855 5.33325 5.33398 4.43782 5.33398 3.33325C5.33398 2.22868 4.43855 1.33325 3.33398 1.33325C2.22941 1.33325 1.33398 2.22868 1.33398 3.33325ZM4.00065 3.33325C4.00065 3.70144 3.70217 3.99992 3.33398 3.99992C2.96579 3.99992 2.66732 3.70144 2.66732 3.33325C2.66732 2.96506 2.96579 2.66659 3.33398 2.66659C3.70217 2.66659 4.00065 2.96506 4.00065 3.33325ZM8.00065 5.33325C6.89608 5.33325 6.00065 4.43782 6.00065 3.33325C6.00065 2.22868 6.89608 1.33325 8.00065 1.33325C9.10522 1.33325 10.0007 2.22868 10.0007 3.33325C10.0007 4.43782 9.10522 5.33325 8.00065 5.33325ZM8.66732 3.33325C8.66732 3.70144 8.36884 3.99992 8.00065 3.99992C7.63246 3.99992 7.33398 3.70144 7.33398 3.33325C7.33398 2.96506 7.63246 2.66659 8.00065 2.66659C8.36884 2.66659 8.66732 2.96506 8.66732 3.33325ZM12.6673 5.33325C11.5627 5.33325 10.6673 4.43782 10.6673 3.33325C10.6673 2.22868 11.5627 1.33325 12.6673 1.33325C13.7719 1.33325 14.6673 2.22868 14.6673 3.33325C14.6673 4.43782 13.7719 5.33325 12.6673 5.33325ZM13.334 3.33325C13.334 3.70144 13.0355 3.99992 12.6673 3.99992C12.2991 3.99992 12.0007 3.70144 12.0007 3.33325C12.0007 2.96506 12.2991 2.66659 12.6673 2.66659C13.0355 2.66659 13.334 2.96506 13.334 3.33325ZM3.33398 9.99992C2.22941 9.99992 1.33398 9.10449 1.33398 7.99992C1.33398 6.89535 2.22941 5.99992 3.33398 5.99992C4.43855 5.99992 5.33398 6.89535 5.33398 7.99992C5.33398 9.10449 4.43855 9.99992 3.33398 9.99992ZM4.00065 7.99992C4.00065 8.36811 3.70217 8.66659 3.33398 8.66659C2.96579 8.66659 2.66732 8.36811 2.66732 7.99992C2.66732 7.63173 2.96579 7.33325 3.33398 7.33325C3.70217 7.33325 4.00065 7.63173 4.00065 7.99992ZM8.00065 9.99992C6.89608 9.99992 6.00065 9.10449 6.00065 7.99992C6.00065 6.89535 6.89608 5.99992 8.00065 5.99992C9.10522 5.99992 10.0007 6.89535 10.0007 7.99992C10.0007 9.10449 9.10522 9.99992 8.00065 9.99992ZM8.66732 7.99992C8.66732 8.36811 8.36884 8.66659 8.00065 8.66659C7.63246 8.66659 7.33398 8.36811 7.33398 7.99992C7.33398 7.63173 7.63246 7.33325 8.00065 7.33325C8.36884 7.33325 8.66732 7.63173 8.66732 7.99992ZM12.6673 9.99992C11.5627 9.99992 10.6673 9.10449 10.6673 7.99992C10.6673 6.89535 11.5627 5.99992 12.6673 5.99992C13.7719 5.99992 14.6673 6.89535 14.6673 7.99992C14.6673 9.10449 13.7719 9.99992 12.6673 9.99992ZM13.334 7.99992C13.334 8.36811 13.0355 8.66659 12.6673 8.66659C12.2991 8.66659 12.0007 8.36811 12.0007 7.99992C12.0007 7.63173 12.2991 7.33325 12.6673 7.33325C13.0355 7.33325 13.334 7.63173 13.334 7.99992ZM8.00065 14.6666C6.89608 14.6666 6.00065 13.7712 6.00065 12.6666C6.00065 11.562 6.89608 10.6666 8.00065 10.6666C9.10522 10.6666 10.0007 11.562 10.0007 12.6666C10.0007 13.7712 9.10522 14.6666 8.00065 14.6666ZM8.66732 12.6666C8.66732 13.0348 8.36884 13.3333 8.00065 13.3333C7.63246 13.3333 7.33398 13.0348 7.33398 12.6666C7.33398 12.2984 7.63246 11.9999 8.00065 11.9999C8.36884 11.9999 8.66732 12.2984 8.66732 12.6666Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const Phone = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.23768 5.55868C7.58308 5.09321 7.70693 4.60264 7.31629 4.16962C6.43966 2.94297 5.8501 2.18441 5.4803 1.81911C4.77726 1.12462 3.62074 1.21856 3.01186 1.81851C2.68482 2.14075 2.57411 2.25141 2.23831 2.59249C0.367877 4.46393 1.50856 8.42008 4.54093 11.4554C7.5726 14.4901 11.5284 15.6314 13.4027 13.756C13.7126 13.4573 13.975 13.1948 14.1819 12.9761C14.7786 12.3454 14.8691 11.2399 14.1779 10.5217C13.8236 10.1535 13.1002 9.59239 11.822 8.67804C11.4305 8.32797 10.9663 8.40384 10.5407 8.68304C10.336 8.81734 10.187 8.9532 9.9057 9.23479L9.39487 9.7459C9.32759 9.81322 8.41399 9.35569 7.52714 8.46797C6.63981 7.57977 6.1826 6.66612 6.24956 6.59916L6.76075 6.0877C6.85 5.99836 6.89266 5.95511 6.94739 5.89759C7.06139 5.77778 7.15578 5.66904 7.23768 5.55868ZM10.3372 10.6887L10.8481 10.1775C11.0029 10.0225 11.1032 9.92724 11.1849 9.86154C12.3046 10.6657 12.9531 11.1713 13.218 11.4465C13.3771 11.6118 13.3524 11.9133 13.2141 12.0594C13.0228 12.2617 12.7742 12.5104 12.4692 12.8046C11.2571 14.0171 8.06393 13.0959 5.48342 10.5128C2.9021 7.92896 1.98126 4.73528 3.18413 3.53174C3.51857 3.19207 3.62453 3.08616 3.9469 2.76852C4.06777 2.64942 4.39701 2.62268 4.54405 2.76792C4.82876 3.04917 5.35689 3.72541 6.13381 4.80763C6.09359 4.85757 6.04335 4.914 5.98222 4.97824C5.93735 5.0254 5.89997 5.06329 5.81825 5.14509L5.30757 5.65605C4.43881 6.52475 5.17868 8.00322 6.58465 9.41057C7.98965 10.817 9.46868 11.5577 10.3372 10.6887Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_add.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneAdd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.31629 4.16962C7.70693 4.60264 7.58308 5.09321 7.23768 5.55868C7.15578 5.66904 7.06139 5.77778 6.94739 5.89759C6.89267 5.95511 6.85 5.99836 6.76075 6.0877L6.24956 6.59916C6.1826 6.66612 6.63981 7.57977 7.52714 8.46797C8.41399 9.35569 9.32759 9.81322 9.39487 9.7459L9.9057 9.23479C10.187 8.9532 10.336 8.81734 10.5407 8.68304C10.9663 8.40384 11.4305 8.32797 11.822 8.67804C13.1002 9.59239 13.8236 10.1535 14.1779 10.5217C14.8691 11.2399 14.7786 12.3454 14.1819 12.9761C13.975 13.1948 13.7126 13.4573 13.4027 13.756C11.5284 15.6314 7.5726 14.4901 4.54093 11.4554C1.50856 8.42008 0.367877 4.46393 2.23831 2.59249C2.57411 2.25141 2.68482 2.14075 3.01186 1.81851C3.62074 1.21856 4.77726 1.12462 5.4803 1.81911C5.8501 2.18441 6.43966 2.94297 7.31629 4.16962ZM10.8481 10.1775L10.3372 10.6887C9.46868 11.5577 7.98965 10.817 6.58465 9.41057C5.17868 8.00322 4.43881 6.52475 5.30757 5.65605L5.81825 5.14509C5.89997 5.06329 5.93735 5.0254 5.98222 4.97824C6.04335 4.914 6.09359 4.85757 6.13381 4.80763C5.35689 3.72541 4.82876 3.04917 4.54405 2.76792C4.39701 2.62268 4.06777 2.64942 3.9469 2.76852C3.62453 3.08616 3.51857 3.19207 3.18413 3.53174C1.98126 4.73528 2.9021 7.92896 5.48342 10.5128C8.06393 13.0959 11.2571 14.0171 12.4692 12.8046C12.7742 12.5104 13.0228 12.2617 13.2141 12.0594C13.3524 11.9133 13.3771 11.6118 13.218 11.4465C12.9531 11.1713 12.3046 10.6657 11.1849 9.86154C11.1032 9.92724 11.0029 10.0225 10.8481 10.1775ZM11.3333 1.33337V3.33337H9.33329V4.6667H11.3333V6.6667H12.6666V4.6667H14.6666V3.33337H12.6666V1.33337H11.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_calling.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneCalling = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.23768 5.55868C7.58308 5.09321 7.70693 4.60264 7.31629 4.16962C6.43966 2.94297 5.8501 2.18441 5.4803 1.81911C4.77726 1.12462 3.62074 1.21856 3.01186 1.81851C2.68482 2.14075 2.57411 2.25141 2.23831 2.59249C0.367877 4.46393 1.50856 8.42008 4.54093 11.4554C7.5726 14.4901 11.5284 15.6314 13.4027 13.756C13.7126 13.4573 13.975 13.1948 14.1819 12.9761C14.7786 12.3454 14.8691 11.2399 14.1779 10.5217C13.8236 10.1535 13.1002 9.59239 11.822 8.67804C11.4305 8.32797 10.9663 8.40384 10.5407 8.68304C10.336 8.81734 10.187 8.9532 9.9057 9.23479L9.39487 9.7459C9.32759 9.81322 8.41399 9.35569 7.52714 8.46797C6.63981 7.57977 6.1826 6.66612 6.24956 6.59916L6.76075 6.0877C6.85 5.99836 6.89267 5.95511 6.94739 5.89759C7.06139 5.77778 7.15578 5.66904 7.23768 5.55868ZM10.3372 10.6887L10.8481 10.1775C11.0029 10.0225 11.1032 9.92724 11.1849 9.86154C12.3046 10.6657 12.9531 11.1713 13.218 11.4465C13.3771 11.6118 13.3524 11.9133 13.2141 12.0594C13.0228 12.2617 12.7742 12.5104 12.4692 12.8046C11.2571 14.0171 8.06393 13.0959 5.48342 10.5128C2.9021 7.92896 1.98126 4.73528 3.18413 3.53174C3.51857 3.19207 3.62453 3.08616 3.9469 2.76852C4.06777 2.64942 4.39701 2.62268 4.54405 2.76792C4.82876 3.04917 5.35689 3.72541 6.13381 4.80763C6.09359 4.85757 6.04335 4.914 5.98222 4.97824C5.93735 5.0254 5.89997 5.06329 5.81825 5.14509L5.30757 5.65605C4.43881 6.52475 5.17868 8.00322 6.58465 9.41057C7.98965 10.817 9.46868 11.5577 10.3372 10.6887ZM9.10334 1.37971C11.9856 1.72907 14.2709 4.01443 14.6203 6.89665L13.3033 7.11614C13.049 4.79456 11.2054 2.95095 8.88385 2.69667L9.10334 1.37971ZM8.66417 4.01476C10.4252 4.17227 11.8277 5.57481 11.9852 7.33582L10.664 7.55602C10.608 6.35543 9.64456 5.39201 8.44397 5.33595L8.66417 4.01476Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_check.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneCheck = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.31629 4.16962C7.70693 4.60264 7.58308 5.09321 7.23768 5.55868C7.15578 5.66904 7.06139 5.77778 6.94739 5.89759C6.89267 5.95511 6.85 5.99836 6.76075 6.0877L6.24956 6.59916C6.1826 6.66612 6.63981 7.57977 7.52714 8.46797C8.41399 9.35569 9.32759 9.81322 9.39487 9.7459L9.9057 9.23479C10.187 8.9532 10.336 8.81734 10.5407 8.68304C10.9663 8.40384 11.4305 8.32797 11.822 8.67804C13.1002 9.59239 13.8236 10.1535 14.1779 10.5217C14.8691 11.2399 14.7786 12.3454 14.1819 12.9761C13.975 13.1948 13.7126 13.4573 13.4027 13.756C11.5284 15.6314 7.5726 14.4901 4.54093 11.4554C1.50856 8.42008 0.367877 4.46393 2.23831 2.59249C2.57411 2.25141 2.68482 2.14075 3.01186 1.81851C3.62074 1.21856 4.77726 1.12462 5.4803 1.81911C5.8501 2.18441 6.43966 2.94297 7.31629 4.16962ZM10.8481 10.1775L10.3372 10.6887C9.46868 11.5577 7.98965 10.817 6.58465 9.41057C5.17868 8.00322 4.43881 6.52475 5.30757 5.65605L5.81825 5.14509C5.89997 5.06329 5.93735 5.0254 5.98222 4.97824C6.04335 4.914 6.09359 4.85757 6.13381 4.80763C5.35689 3.72541 4.82876 3.04917 4.54405 2.76792C4.39701 2.62268 4.06777 2.64942 3.9469 2.76852C3.62453 3.08616 3.51857 3.19207 3.18413 3.53174C1.98126 4.73528 2.9021 7.92896 5.48342 10.5128C8.06393 13.0959 11.2571 14.0171 12.4692 12.8046C12.7742 12.5104 13.0228 12.2617 13.2141 12.0594C13.3524 11.9133 13.3771 11.6118 13.218 11.4465C12.9531 11.1713 12.3046 10.6657 11.1849 9.86154C11.1032 9.92724 11.0029 10.0225 10.8481 10.1775ZM13.5286 1.52863L10.6666 4.39056L9.13803 2.86196L8.19522 3.80477L10.6666 6.27618L14.4714 2.47144L13.5286 1.52863Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_close.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneClose = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.31629 4.16962C7.70693 4.60264 7.58308 5.09321 7.23768 5.55868C7.15578 5.66904 7.06139 5.77778 6.94739 5.89759C6.89267 5.95511 6.85 5.99836 6.76075 6.0877L6.24956 6.59916C6.1826 6.66612 6.63981 7.57977 7.52714 8.46797C8.41399 9.35569 9.32759 9.81322 9.39487 9.7459L9.9057 9.23479C10.187 8.9532 10.336 8.81734 10.5407 8.68304C10.9663 8.40384 11.4305 8.32797 11.822 8.67804C13.1002 9.59239 13.8236 10.1535 14.1779 10.5217C14.8691 11.2399 14.7786 12.3454 14.1819 12.9761C13.975 13.1948 13.7126 13.4573 13.4027 13.756C11.5284 15.6314 7.5726 14.4901 4.54093 11.4554C1.50856 8.42008 0.367877 4.46393 2.23831 2.59249C2.57411 2.25141 2.68482 2.14075 3.01186 1.81851C3.62074 1.21856 4.77726 1.12462 5.4803 1.81911C5.8501 2.18441 6.43966 2.94297 7.31629 4.16962ZM10.8481 10.1775L10.3372 10.6887C9.46868 11.5577 7.98965 10.817 6.58465 9.41057C5.17868 8.00322 4.43881 6.52475 5.30757 5.65605L5.81825 5.14509C5.89997 5.06329 5.93735 5.0254 5.98222 4.97824C6.04335 4.914 6.09359 4.85757 6.13381 4.80763C5.35689 3.72541 4.82876 3.04917 4.54405 2.76792C4.39701 2.62268 4.06777 2.64942 3.9469 2.76852C3.62453 3.08616 3.51857 3.19207 3.18413 3.53174C1.98126 4.73528 2.9021 7.92896 5.48342 10.5128C8.06393 13.0959 11.2571 14.0171 12.4692 12.8046C12.7742 12.5104 13.0228 12.2617 13.2141 12.0594C13.3524 11.9133 13.3771 11.6118 13.218 11.4465C12.9531 11.1713 12.3046 10.6657 11.1849 9.86154C11.1032 9.92724 11.0029 10.0225 10.8481 10.1775ZM13.5286 1.52863L12 3.05722L10.4714 1.52863L9.52855 2.47144L11.0571 4.00003L9.52855 5.52863L10.4714 6.47144L12 4.94284L13.5286 6.47144L14.4714 5.52863L12.9428 4.00003L14.4714 2.47144L13.5286 1.52863Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_decline.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneDecline = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.99719 8C8.61518 8.00013 9.20545 8.07896 9.61717 8.21599C9.7968 8.27578 9.92694 8.34179 9.99652 8.39968L9.99653 9.00075C9.99657 9.16968 9.99763 9.25404 10.0029 9.36273C10.0396 10.123 10.2324 10.6369 10.9339 10.6654C12.2771 10.8885 13.1745 11 13.6623 11C14.6329 11 15.3287 10.1264 15.3287 9.33333C15.3287 9.24342 15.3292 9.17069 15.3306 9.00604C15.3322 8.83915 15.3327 8.76455 15.3327 8.6703C15.3327 8.54093 15.3314 8.42606 15.3284 8.31523C15.3287 5.85126 11.9787 4.00086 7.99748 4C4.01712 3.99914 0.666016 5.85074 0.666016 8.33333V9.33333C0.666016 10.1312 1.36083 11 2.33238 11C2.82066 11 3.7193 10.8883 5.06464 10.6648C5.57604 10.6354 5.84288 10.2639 5.94256 9.78444C5.98952 9.55855 5.99822 9.37073 5.99814 8.99986V8.39961C6.06771 8.34166 6.19789 8.27558 6.37759 8.21575C6.78937 8.07864 7.37961 7.99987 7.99719 8ZM4.66481 8.33333V9C4.66485 9.17377 4.66236 9.29164 4.65509 9.38094C3.48787 9.57141 2.70329 9.66667 2.33238 9.66667C2.17094 9.66667 1.99935 9.45212 1.99935 9.33333V8.33333C1.99935 6.80015 4.65536 5.33261 7.99719 5.33333C11.3401 5.33406 13.9953 6.80072 13.9953 8.33333C13.9982 8.44894 13.9994 8.55202 13.9993 8.67005C13.9993 8.75904 13.9988 8.83102 13.9974 8.99396C13.9958 9.16264 13.9953 9.23806 13.9953 9.33333C13.9953 9.44815 13.8213 9.66667 13.6623 9.66667C13.2914 9.66667 12.507 9.57143 11.3401 9.38101C11.3379 9.35569 11.3361 9.32807 11.3347 9.29838C11.3308 9.2179 11.3299 9.14834 11.3299 8.99986V8.33333C11.3299 7.15619 9.86027 6.66707 7.99748 6.66667C6.13578 6.66627 4.66481 7.15605 4.66481 8.33333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_end.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneEnd = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.61717 6.21599C9.20545 6.07896 8.61518 6.00013 7.99719 6C7.37961 5.99987 6.78937 6.07864 6.37758 6.21575C6.19789 6.27558 6.06771 6.34166 5.99814 6.39961V6.99986C5.99822 7.37073 5.98952 7.55855 5.94256 7.78444C5.84288 8.26394 5.57604 8.63535 5.06464 8.66479C3.7193 8.88828 2.82066 9 2.33238 9C1.36083 9 0.666016 8.13122 0.666016 7.33333V6.33333C0.666016 3.85074 4.01712 1.99914 7.99748 2C11.9787 2.00086 15.3287 3.85126 15.3284 6.31523C15.3314 6.42606 15.3327 6.54093 15.3327 6.6703C15.3327 6.76455 15.3322 6.83915 15.3306 7.00604C15.3292 7.17069 15.3287 7.24342 15.3287 7.33333C15.3287 8.12638 14.6329 9 13.6623 9C13.1745 9 12.2771 8.88849 10.9339 8.66542C10.2324 8.63694 10.0396 8.12296 10.0029 7.36273C9.99763 7.25404 9.99657 7.16968 9.99653 7.00075L9.99652 6.39968C9.92694 6.34179 9.7968 6.27578 9.61717 6.21599ZM4.66481 7V6.33333C4.66481 5.15605 6.13578 4.66627 7.99748 4.66667C9.86027 4.66707 11.3299 5.15619 11.3299 6.33333V6.99986C11.3299 7.14834 11.3308 7.2179 11.3347 7.29838C11.3361 7.32807 11.3379 7.35569 11.3401 7.38101C12.507 7.57143 13.2914 7.66667 13.6623 7.66667C13.8213 7.66667 13.9953 7.44815 13.9953 7.33333C13.9953 7.23806 13.9958 7.16264 13.9974 6.99396C13.9988 6.83102 13.9993 6.75904 13.9993 6.67005C13.9994 6.55202 13.9982 6.44894 13.9953 6.33333C13.9953 4.80072 11.3401 3.33405 7.99719 3.33333C4.65536 3.33261 1.99935 4.80015 1.99935 6.33333V7.33333C1.99935 7.45212 2.17094 7.66667 2.33238 7.66667C2.70329 7.66667 3.48787 7.57141 4.65509 7.38094C4.66236 7.29164 4.66485 7.17377 4.66481 7ZM7.33268 8V11.7239L5.80409 10.1953L4.86128 11.1381L7.99935 14.2761L11.1374 11.1381L10.1946 10.1953L8.66602 11.7239V8H7.33268Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_forwarded.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneForwarded = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.31629 4.16962C7.70693 4.60264 7.58308 5.09321 7.23768 5.55868C7.15578 5.66904 7.06139 5.77778 6.94739 5.89759C6.89267 5.95511 6.85 5.99836 6.76075 6.0877L6.24956 6.59916C6.1826 6.66612 6.63981 7.57977 7.52714 8.46797C8.41399 9.35569 9.32759 9.81322 9.39487 9.7459L9.9057 9.23479C10.187 8.9532 10.336 8.81734 10.5407 8.68304C10.9663 8.40384 11.4305 8.32797 11.822 8.67804C13.1002 9.59239 13.8236 10.1535 14.1779 10.5217C14.8691 11.2399 14.7786 12.3454 14.1819 12.9761C13.975 13.1948 13.7126 13.4573 13.4027 13.756C11.5284 15.6314 7.5726 14.4901 4.54093 11.4554C1.50856 8.42008 0.367877 4.46393 2.23831 2.59249C2.57411 2.25141 2.68482 2.14075 3.01186 1.81851C3.62074 1.21856 4.77726 1.12462 5.4803 1.81911C5.8501 2.18441 6.43966 2.94297 7.31629 4.16962ZM10.8481 10.1775L10.3372 10.6887C9.46868 11.5577 7.98965 10.817 6.58465 9.41057C5.17868 8.00322 4.43881 6.52475 5.30757 5.65605L5.81825 5.14509C5.89997 5.06329 5.93735 5.0254 5.98222 4.97824C6.04335 4.914 6.09359 4.85757 6.13381 4.80763C5.35689 3.72541 4.82876 3.04917 4.54405 2.76792C4.39701 2.62268 4.06777 2.64942 3.9469 2.76852C3.62453 3.08616 3.51857 3.19207 3.18413 3.53174C1.98126 4.73528 2.9021 7.92896 5.48342 10.5128C8.06393 13.0959 11.2571 14.0171 12.4692 12.8046C12.7742 12.5104 13.0228 12.2617 13.2141 12.0594C13.3524 11.9133 13.3771 11.6118 13.218 11.4465C12.9531 11.1713 12.3046 10.6657 11.1849 9.86154C11.1032 9.92724 11.0029 10.0225 10.8481 10.1775ZM13.5286 1.52863L12 3.05722L10.4714 1.52863L9.52855 2.47144L11.0571 4.00003L9.52855 5.52863L10.4714 6.47144L12 4.94284L13.5286 6.47144L14.4714 5.52863L12.9428 4.00003L14.4714 2.47144L13.5286 1.52863Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_hash.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneHash = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.23768 5.55868C7.58308 5.09321 7.70693 4.60264 7.31629 4.16962C6.43966 2.94297 5.8501 2.18441 5.4803 1.81911C4.77726 1.12462 3.62074 1.21856 3.01186 1.81851C2.68482 2.14075 2.57411 2.25141 2.23831 2.59249C0.367877 4.46393 1.50856 8.42008 4.54093 11.4554C7.5726 14.4901 11.5284 15.6314 13.4027 13.756C13.7126 13.4573 13.975 13.1948 14.1819 12.9761C14.7786 12.3454 14.8691 11.2399 14.1779 10.5217C13.8236 10.1535 13.1002 9.59239 11.822 8.67804C11.4305 8.32797 10.9663 8.40384 10.5407 8.68304C10.336 8.81734 10.187 8.9532 9.9057 9.23479L9.39487 9.7459C9.32759 9.81322 8.41399 9.35569 7.52714 8.46797C6.63981 7.57977 6.1826 6.66612 6.24956 6.59916L6.76075 6.0877C6.85 5.99836 6.89267 5.95511 6.94739 5.89759C7.06139 5.77778 7.15578 5.66904 7.23768 5.55868ZM10.3372 10.6887L10.8481 10.1775C11.0029 10.0225 11.1032 9.92724 11.1849 9.86154C12.3046 10.6657 12.9531 11.1713 13.218 11.4465C13.3771 11.6118 13.3524 11.9133 13.2141 12.0594C13.0228 12.2617 12.7742 12.5104 12.4692 12.8046C11.2571 14.0171 8.06393 13.0959 5.48342 10.5128C2.9021 7.92896 1.98126 4.73528 3.18413 3.53174C3.51857 3.19207 3.62453 3.08616 3.9469 2.76852C4.06777 2.64942 4.39701 2.62268 4.54405 2.76792C4.82876 3.04917 5.35689 3.72541 6.13381 4.80763C6.09359 4.85757 6.04335 4.914 5.98222 4.97824C5.93735 5.0254 5.89997 5.06329 5.81825 5.14509L5.30757 5.65605C4.43881 6.52475 5.17868 8.00322 6.58465 9.41057C7.98965 10.817 9.46868 11.5577 10.3372 10.6887ZM13.3333 8.00003H12L12.1333 6.6667H10.8L10.6666 8.00003H9.33329L9.46662 6.6667H7.99996L8.13329 5.33337H9.59995L9.73329 4.00003H8.66662L8.79996 2.6667H9.86662L9.99996 1.33337H11.3333L11.2 2.6667H12.5333L12.6666 1.33337H14L13.8666 2.6667H15.3333L15.2 4.00003H13.7333L13.6 5.33337H14.6666L14.5333 6.6667H13.4666L13.3333 8.00003ZM12.4 4.00003H11.0666L10.9333 5.33337H12.2666L12.4 4.00003Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_incoming.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneIncoming = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.31629 4.16962C7.70693 4.60264 7.58308 5.09321 7.23768 5.55868C7.15578 5.66904 7.06139 5.77778 6.94739 5.89759C6.89267 5.95511 6.85 5.99836 6.76075 6.0877L6.24956 6.59916C6.1826 6.66612 6.63981 7.57977 7.52714 8.46797C8.41399 9.35569 9.32759 9.81322 9.39487 9.7459L9.9057 9.23479C10.187 8.9532 10.336 8.81734 10.5407 8.68304C10.9663 8.40384 11.4305 8.32797 11.822 8.67804C13.1002 9.59239 13.8236 10.1535 14.1779 10.5217C14.8691 11.2399 14.7786 12.3454 14.1819 12.9761C13.975 13.1948 13.7126 13.4573 13.4027 13.756C11.5284 15.6314 7.5726 14.4901 4.54093 11.4554C1.50856 8.42008 0.367877 4.46393 2.23831 2.59249C2.57411 2.25141 2.68482 2.14075 3.01186 1.81851C3.62074 1.21856 4.77726 1.12462 5.4803 1.81911C5.8501 2.18441 6.43966 2.94297 7.31629 4.16962ZM10.8481 10.1775L10.3372 10.6887C9.46868 11.5577 7.98965 10.817 6.58465 9.41057C5.17868 8.00322 4.43881 6.52475 5.30757 5.65605L5.81825 5.14509C5.89997 5.06329 5.93735 5.0254 5.98222 4.97824C6.04335 4.914 6.09359 4.85757 6.13381 4.80763C5.35689 3.72541 4.82876 3.04917 4.54405 2.76792C4.39701 2.62268 4.06777 2.64942 3.9469 2.76852C3.62453 3.08616 3.51857 3.19207 3.18413 3.53174C1.98126 4.73528 2.9021 7.92896 5.48342 10.5128C8.06393 13.0959 11.2571 14.0171 12.4692 12.8046C12.7742 12.5104 13.0228 12.2617 13.2141 12.0594C13.3524 11.9133 13.3771 11.6118 13.218 11.4465C12.9531 11.1713 12.3046 10.6657 11.1849 9.86154C11.1032 9.92724 11.0029 10.0225 10.8481 10.1775ZM13.3333 7.33337V6.00003H10.9428L14.4714 2.47144L13.5286 1.52863L9.99996 5.05722V2.6667H8.66662V7.33337H13.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_missed.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneMissed = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.66602 5.33325V3.60939L7.99935 6.94273L12.4708 2.47132L11.5279 1.52851L7.99935 5.05711L5.60882 2.66659H7.33268V1.33325H3.33268V5.33325H4.66602ZM9.61717 11.5492C9.20545 11.4122 8.61518 11.3334 7.99719 11.3333C7.37961 11.3331 6.78937 11.4119 6.37758 11.549C6.19789 11.6088 6.06771 11.6749 5.99814 11.7329V12.3331C5.99822 12.704 5.98952 12.8918 5.94256 13.1177C5.84288 13.5972 5.57604 13.9686 5.06464 13.998C3.7193 14.2215 2.82066 14.3333 2.33238 14.3333C1.36083 14.3333 0.666016 13.4645 0.666016 12.6666V11.6666C0.666016 9.18399 4.01712 7.33239 7.99748 7.33325C11.9787 7.33411 15.3287 9.18451 15.3284 11.6485C15.3314 11.7593 15.3327 11.8742 15.3327 12.0036C15.3327 12.0978 15.3322 12.1724 15.3306 12.3393C15.3292 12.5039 15.3287 12.5767 15.3287 12.6666C15.3287 13.4596 14.6329 14.3333 13.6623 14.3333C13.1745 14.3333 12.2771 14.2217 10.9339 13.9987C10.2324 13.9702 10.0396 13.4562 10.0029 12.696C9.99763 12.5873 9.99657 12.5029 9.99653 12.334L9.99652 11.7329C9.92694 11.675 9.7968 11.609 9.61717 11.5492ZM4.66481 12.3333V11.6666C4.66481 10.4893 6.13578 9.99952 7.99748 9.99992C9.86027 10.0003 11.3299 10.4894 11.3299 11.6666V12.3331C11.3299 12.4816 11.3308 12.5512 11.3347 12.6316C11.3361 12.6613 11.3379 12.6889 11.3401 12.7143C12.507 12.9047 13.2914 12.9999 13.6623 12.9999C13.8213 12.9999 13.9953 12.7814 13.9953 12.6666C13.9953 12.5713 13.9958 12.4959 13.9974 12.3272C13.9988 12.1643 13.9993 12.0923 13.9993 12.0033C13.9994 11.8853 13.9982 11.7822 13.9953 11.6666C13.9953 10.134 11.3401 8.66731 7.99719 8.66659C4.65536 8.66586 1.99935 10.1334 1.99935 11.6666V12.6666C1.99935 12.7854 2.17094 12.9999 2.33238 12.9999C2.70329 12.9999 3.48787 12.9047 4.65509 12.7142C4.66236 12.6249 4.66485 12.507 4.66481 12.3333Z"
+      />
+    </Icon>
+  );
+};

package/src/icons/phone/phone_outgoing.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Icon, IconProps } from 'components';
+
+export const PhoneOutgoing = (props: IconProps) => {
+  return (
+    <Icon {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.31629 4.16962C7.70693 4.60264 7.58308 5.09321 7.23768 5.55868C7.15578 5.66904 7.06139 5.77778 6.94739 5.89759C6.89267 5.95511 6.85 5.99836 6.76075 6.0877L6.24956 6.59916C6.1826 6.66612 6.63981 7.57977 7.52714 8.46797C8.41399 9.35569 9.32759 9.81322 9.39487 9.7459L9.9057 9.23479C10.187 8.9532 10.336 8.81734 10.5407 8.68304C10.9663 8.40384 11.4305 8.32797 11.822 8.67804C13.1002 9.59239 13.8236 10.1535 14.1779 10.5217C14.8691 11.2399 14.7786 12.3454 14.1819 12.9761C13.975 13.1948 13.7126 13.4573 13.4027 13.756C11.5284 15.6314 7.5726 14.4901 4.54093 11.4554C1.50856 8.42008 0.367877 4.46393 2.23831 2.59249C2.57411 2.25141 2.68482 2.14075 3.01186 1.81851C3.62074 1.21856 4.77726 1.12462 5.4803 1.81911C5.8501 2.18441 6.43966 2.94297 7.31629 4.16962ZM10.8481 10.1775L10.3372 10.6887C9.46868 11.5577 7.98965 10.817 6.58465 9.41057C5.17868 8.00322 4.43881 6.52475 5.30757 5.65605L5.81825 5.14509C5.89997 5.06329 5.93735 5.0254 5.98222 4.97824C6.04335 4.914 6.09359 4.85757 6.13381 4.80763C5.35689 3.72541 4.82876 3.04917 4.54405 2.76792C4.39701 2.62268 4.06777 2.64942 3.9469 2.76852C3.62453 3.08616 3.51857 3.19207 3.18413 3.53174C1.98126 4.73528 2.9021 7.92896 5.48342 10.5128C8.06393 13.0959 11.2571 14.0171 12.4692 12.8046C12.7742 12.5104 13.0228 12.2617 13.2141 12.0594C13.3524 11.9133 13.3771 11.6118 13.218 11.4465C12.9531 11.1713 12.3046 10.6657 11.1849 9.86154C11.1032 9.92724 11.0029 10.0225 10.8481 10.1775ZM9.8047 7.1381L13.3333 3.60951V6.00003H14.6666V1.33337H9.99996V2.6667H12.3905L8.86189 6.1953L9.8047 7.1381Z"
+      />
+    </Icon>
+  );
+};