quickblox-react-ui-kit 0.2.8 → 0.3.0-beta.2

package/src/Presentation/components/UI/svgs/Icons/Actions/Send/Send.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Send/index.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function SendIcon(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z"
+        id="SendB"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '22'}
+      height={theme && theme.height ? theme.height : '18'}
+      viewBox="0 0 22 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M0.51 18L21.5 9L0.51 0L0.5 7L15.5 9L0.5 11L0.51 18Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+/*
+
+
+ */
+export default SendIcon;

package/src/Presentation/components/UI/svgs/Icons/Actions/Share/Share.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.0002 27.5V33H11.0002V27.5H7.3335V33C7.3335 35.0166 8.9835 36.6666 11.0002 36.6666H33.0002C35.0168 36.6666 36.6668 35.0166 36.6668 33V27.5H33.0002ZM12.8335 16.5L15.4185 19.085L20.1668 14.355V29.3333H23.8335V14.355L28.5818 19.085L31.1668 16.5L22.0002 7.33331L12.8335 16.5Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Share/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Share(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M33.0002 27.5V33H11.0002V27.5H7.3335V33C7.3335 35.0166 8.9835 36.6666 11.0002 36.6666H33.0002C35.0168 36.6666 36.6668 35.0166 36.6668 33V27.5H33.0002ZM12.8335 16.5L15.4185 19.085L20.1668 14.355V29.3333H23.8335V14.355L28.5818 19.085L31.1668 16.5L22.0002 7.33331L12.8335 16.5Z"
+        id="Share"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Share;

package/src/Presentation/components/UI/svgs/Icons/Actions/Summarize/Summarize.svg

@@ -0,0 +1,6 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.667 3.66663H7.33366C5.31699 3.66663 3.66699 5.31663 3.66699 7.33329V40.3333L11.0003 33H36.667C38.6837 33 40.3337 31.35 40.3337 29.3333V7.33329C40.3337 5.31663 38.6837 3.66663 36.667 3.66663ZM36.667 29.3333H11.0003L7.33366 33V7.33329H36.667V29.3333Z" fill="#0B121B"/>
+<path d="M12.0002 13C12.0002 12.4477 12.448 12 13.0002 12H22.0002C22.5525 12 23.0002 12.4477 23.0002 13V17C23.0002 17.5523 22.5525 18 22.0002 18H13.0002C12.448 18 12.0002 17.5523 12.0002 17V13Z" fill="#0B121B"/>
+<path d="M26.0002 13C26.0002 12.4477 26.448 12 27.0002 12H31.0002C31.5525 12 32.0002 12.4477 32.0002 13V24C32.0002 24.5523 31.5525 25 31.0002 25H27.0002C26.448 25 26.0002 24.5523 26.0002 24V13Z" fill="#0B121B"/>
+<path d="M15.0002 21C15.0002 20.4477 15.448 20 16.0002 20H22.0002C22.5525 20 23.0002 20.4477 23.0002 21V23C23.0002 23.5523 22.5525 24 22.0002 24H16.0002C15.448 24 15.0002 23.5523 15.0002 23V21Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Summarize/index.tsx

@@ -0,0 +1,58 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function SummarizeIcon(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M36.667 3.66663H7.33366C5.31699 3.66663 3.66699 5.31663 3.66699 7.33329V40.3333L11.0003 33H36.667C38.6837 33 40.3337 31.35 40.3337 29.3333V7.33329C40.3337 5.31663 38.6837 3.66663 36.667 3.66663ZM36.667 29.3333H11.0003L7.33366 33V7.33329H36.667V29.3333Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M12.0002 13C12.0002 12.4477 12.448 12 13.0002 12H22.0002C22.5525 12 23.0002 12.4477 23.0002 13V17C23.0002 17.5523 22.5525 18 22.0002 18H13.0002C12.448 18 12.0002 17.5523 12.0002 17V13Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M26.0002 13C26.0002 12.4477 26.448 12 27.0002 12H31.0002C31.5525 12 32.0002 12.4477 32.0002 13V24C32.0002 24.5523 31.5525 25 31.0002 25H27.0002C26.448 25 26.0002 24.5523 26.0002 24V13Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M15.0002 21C15.0002 20.4477 15.448 20 16.0002 20H22.0002C22.5525 20 23.0002 20.4477 23.0002 21V23C23.0002 23.5523 22.5525 24 22.0002 24H16.0002C15.448 24 15.0002 23.5523 15.0002 23V21Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '22'}
+      height={theme && theme.height ? theme.height : '22'}
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M36.667 3.66663H7.33366C5.31699 3.66663 3.66699 5.31663 3.66699 7.33329V40.3333L11.0003 33H36.667C38.6837 33 40.3337 31.35 40.3337 29.3333V7.33329C40.3337 5.31663 38.6837 3.66663 36.667 3.66663ZM36.667 29.3333H11.0003L7.33366 33V7.33329H36.667V29.3333Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M12.0002 13C12.0002 12.4477 12.448 12 13.0002 12H22.0002C22.5525 12 23.0002 12.4477 23.0002 13V17C23.0002 17.5523 22.5525 18 22.0002 18H13.0002C12.448 18 12.0002 17.5523 12.0002 17V13Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M26.0002 13C26.0002 12.4477 26.448 12 27.0002 12H31.0002C31.5525 12 32.0002 12.4477 32.0002 13V24C32.0002 24.5523 31.5525 25 31.0002 25H27.0002C26.448 25 26.0002 24.5523 26.0002 24V13Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M15.0002 21C15.0002 20.4477 15.448 20 16.0002 20H22.0002C22.5525 20 23.0002 20.4477 23.0002 21V23C23.0002 23.5523 22.5525 24 22.0002 24H16.0002C15.448 24 15.0002 23.5523 15.0002 23V21Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default SummarizeIcon;

package/src/Presentation/components/UI/svgs/Icons/Actions/SwapCamera/Swap camera.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.6665 9.16667H30.8548L27.4998 5.5H16.4998L13.1448 9.16667H7.33317C5.3165 9.16667 3.6665 10.8167 3.6665 12.8333V34.8333C3.6665 36.85 5.3165 38.5 7.33317 38.5H36.6665C38.6832 38.5 40.3332 36.85 40.3332 34.8333V12.8333C40.3332 10.8167 38.6832 9.16667 36.6665 9.16667ZM27.4998 30.25V25.6667H16.4998V30.25L10.0832 23.8333L16.4998 17.4167V22H27.4998V17.4167L33.9165 23.8333L27.4998 30.25Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/SwapCamera/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function SwapCamera(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M36.6665 9.16667H30.8548L27.4998 5.5H16.4998L13.1448 9.16667H7.33317C5.3165 9.16667 3.6665 10.8167 3.6665 12.8333V34.8333C3.6665 36.85 5.3165 38.5 7.33317 38.5H36.6665C38.6832 38.5 40.3332 36.85 40.3332 34.8333V12.8333C40.3332 10.8167 38.6832 9.16667 36.6665 9.16667ZM27.4998 30.25V25.6667H16.4998V30.25L10.0832 23.8333L16.4998 17.4167V22H27.4998V17.4167L33.9165 23.8333L27.4998 30.25Z"
+        id="SwapCamera"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default SwapCamera;

package/src/Presentation/components/UI/svgs/Icons/Actions/Tone/Tone.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 6V0L14 8L22 16V10C28.62 10 34 15.38 34 22C34 24.02 33.5 25.94 32.6 27.6L35.52 30.52C37.08 28.06 38 25.14 38 22C38 13.16 30.84 6 22 6ZM22 34C15.38 34 10 28.62 10 22C10 19.98 10.5 18.06 11.4 16.4L8.48 13.48C6.92 15.94 6 18.86 6 22C6 30.84 13.16 38 22 38V44L30 36L22 28V34Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Tone/index.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ToneIcon(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        id="ToneIcon"
+        d="M12 3.27273V0L7.63634 4.36364L12 8.72727V5.45455C15.6109 5.45455 18.5454 8.38909 18.5454 12C18.5454 13.1018 18.2727 14.1491 17.7818 15.0545L19.3745 16.6473C20.2254 15.3055 20.7272 13.7127 20.7272 12C20.7272 7.17818 16.8218 3.27273 12 3.27273ZM12 18.5455C8.38907 18.5455 5.45452 15.6109 5.45452 12C5.45452 10.8982 5.72725 9.85091 6.21816 8.94545L4.62543 7.35273C3.77452 8.69455 3.27271 10.2873 3.27271 12C3.27271 16.8218 7.17816 20.7273 12 20.7273V24L16.3636 19.6364L12 15.2727V18.5455Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        id="ToneIcon"
+        d="M12 3.27273V0L7.63634 4.36364L12 8.72727V5.45455C15.6109 5.45455 18.5454 8.38909 18.5454 12C18.5454 13.1018 18.2727 14.1491 17.7818 15.0545L19.3745 16.6473C20.2254 15.3055 20.7272 13.7127 20.7272 12C20.7272 7.17818 16.8218 3.27273 12 3.27273ZM12 18.5455C8.38907 18.5455 5.45452 15.6109 5.45452 12C5.45452 10.8982 5.72725 9.85091 6.21816 8.94545L4.62543 7.35273C3.77452 8.69455 3.27271 10.2873 3.27271 12C3.27271 16.8218 7.17816 20.7273 12 20.7273V24L16.3636 19.6364L12 15.2727V18.5455Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ToneIcon;

package/src/Presentation/components/UI/svgs/Icons/Actions/Unarchive/Unarchive.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.6567 9.58833L35.1083 6.50833C34.6133 5.885 33.8617 5.5 33 5.5H11C10.1383 5.5 9.38667 5.885 8.87333 6.50833L6.34333 9.58833C5.81167 10.2117 5.5 11.0367 5.5 11.9167V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V11.9167C38.5 11.0367 38.1883 10.2117 37.6567 9.58833ZM11.44 9.16667H32.56L34.0817 11H9.93667L11.44 9.16667ZM9.16667 34.8333V14.6667H34.8333V34.8333H9.16667ZM14.6667 25.6667H19.3417V31.1667H24.6583V25.6667H29.3333L22 18.3333L14.6667 25.6667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Unarchive/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Unarchive(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M37.6567 9.58833L35.1083 6.50833C34.6133 5.885 33.8617 5.5 33 5.5H11C10.1383 5.5 9.38667 5.885 8.87333 6.50833L6.34333 9.58833C5.81167 10.2117 5.5 11.0367 5.5 11.9167V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V11.9167C38.5 11.0367 38.1883 10.2117 37.6567 9.58833ZM11.44 9.16667H32.56L34.0817 11H9.93667L11.44 9.16667ZM9.16667 34.8333V14.6667H34.8333V34.8333H9.16667ZM14.6667 25.6667H19.3417V31.1667H24.6583V25.6667H29.3333L22 18.3333L14.6667 25.6667Z"
+        id="Unarchive"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Unarchive;

package/src/Presentation/components/UI/svgs/Icons/Actions/VideoIcon/Video.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.5 14.6667V29.3333H9.16667V14.6667H27.5ZM29.3333 11H7.33333C6.325 11 5.5 11.825 5.5 12.8333V31.1667C5.5 32.175 6.325 33 7.33333 33H29.3333C30.3417 33 31.1667 32.175 31.1667 31.1667V24.75L38.5 32.0833V11.9167L31.1667 19.25V12.8333C31.1667 11.825 30.3417 11 29.3333 11Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/VideoIcon/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function VideoIcon(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M27.5 14.6667V29.3333H9.16667V14.6667H27.5ZM29.3333 11H7.33333C6.325 11 5.5 11.825 5.5 12.8333V31.1667C5.5 32.175 6.325 33 7.33333 33H29.3333C30.3417 33 31.1667 32.175 31.1667 31.1667V24.75L38.5 32.0833V11.9167L31.1667 19.25V12.8333C31.1667 11.825 30.3417 11 29.3333 11Z"
+        id="Video"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default VideoIcon;

package/src/Presentation/components/UI/svgs/Icons/Actions/Voice/Voice.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0001 26.5834C25.0434 26.5834 27.5001 24.1267 27.5001 21.0834V10.0834C27.5001 7.04004 25.0434 4.58337 22.0001 4.58337C18.9567 4.58337 16.5001 7.04004 16.5001 10.0834V21.0834C16.5001 24.1267 18.9567 26.5834 22.0001 26.5834ZM20.1667 10.0834C20.1667 9.07504 20.9917 8.25004 22.0001 8.25004C23.0084 8.25004 23.8334 9.07504 23.8334 10.0834V21.0834C23.8334 22.0917 23.0084 22.9167 22.0001 22.9167C20.9917 22.9167 20.1667 22.0917 20.1667 21.0834V10.0834ZM31.1667 21.0834C31.1667 26.1434 27.0601 30.25 22.0001 30.25C16.9401 30.25 12.8334 26.1434 12.8334 21.0834H9.16675C9.16675 27.555 13.9517 32.8717 20.1667 33.77V39.4167H23.8334V33.77C30.0484 32.8717 34.8334 27.555 34.8334 21.0834H31.1667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Voice/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function VoiceIcon(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M22.0001 26.5834C25.0434 26.5834 27.5001 24.1267 27.5001 21.0834V10.0834C27.5001 7.04004 25.0434 4.58337 22.0001 4.58337C18.9567 4.58337 16.5001 7.04004 16.5001 10.0834V21.0834C16.5001 24.1267 18.9567 26.5834 22.0001 26.5834ZM20.1667 10.0834C20.1667 9.07504 20.9917 8.25004 22.0001 8.25004C23.0084 8.25004 23.8334 9.07504 23.8334 10.0834V21.0834C23.8334 22.0917 23.0084 22.9167 22.0001 22.9167C20.9917 22.9167 20.1667 22.0917 20.1667 21.0834V10.0834ZM31.1667 21.0834C31.1667 26.1434 27.0601 30.25 22.0001 30.25C16.9401 30.25 12.8334 26.1434 12.8334 21.0834H9.16675C9.16675 27.555 13.9517 32.8717 20.1667 33.77V39.4167H23.8334V33.77C30.0484 32.8717 34.8334 27.555 34.8334 21.0834H31.1667Z"
+        id="Voice"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12 14.5C13.66 14.5 15 13.16 15 11.5V5.5C15 3.84 13.66 2.5 12 2.5C10.34 2.5 9 3.84 9 5.5V11.5C9 13.16 10.34 14.5 12 14.5ZM11 5.5C11 4.95 11.45 4.5 12 4.5C12.55 4.5 13 4.95 13 5.5V11.5C13 12.05 12.55 12.5 12 12.5C11.45 12.5 11 12.05 11 11.5V5.5ZM17 11.5C17 14.26 14.76 16.5 12 16.5C9.24 16.5 7 14.26 7 11.5H5C5 15.03 7.61 17.93 11 18.42V21.5H13V18.42C16.39 17.93 19 15.03 19 11.5H17Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default VoiceIcon;

package/src/Presentation/components/UI/svgs/Icons/Contents/Brodcast/Broadcast.svg

@@ -0,0 +1,7 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.3832 26.125L15.5832 23.925C13.7498 22.0917 12.8332 19.7084 12.8332 17.5084C12.8332 15.125 13.7498 12.7417 15.5832 11.0917L13.3832 8.8917C10.9998 11.275 9.7165 14.3917 9.7165 17.5084C9.7165 20.625 10.9998 23.7417 13.3832 26.125Z" fill="#0B121B"/>
+<path d="M35.0165 4.4917L32.8165 6.6917C35.7498 9.62503 37.2165 13.6584 37.2165 17.5084C37.2165 21.3584 35.7498 25.3917 32.8165 28.325L35.0165 30.525C38.6832 26.8584 40.3332 22.275 40.3332 17.5084C40.3332 12.7417 38.4998 8.15837 35.0165 4.4917Z" fill="#0B121B"/>
+<path d="M11.1832 6.6917L8.98317 4.4917C5.49984 8.15837 3.6665 12.7417 3.6665 17.5084C3.6665 22.275 5.49984 26.8584 8.98317 30.525L11.1832 28.325C8.24984 25.3917 6.78317 21.3584 6.78317 17.5084C6.78317 13.6584 8.24984 9.62503 11.1832 6.6917Z" fill="#0B121B"/>
+<path d="M30.6165 26.125C32.9998 23.7417 34.2832 20.625 34.2832 17.5084C34.0998 14.3917 32.9998 11.275 30.6165 8.8917L28.4165 11.0917C30.2498 12.925 31.1665 15.3084 31.1665 17.5084C31.1665 19.8917 30.2498 22.275 28.4165 23.925L30.6165 26.125Z" fill="#0B121B"/>
+<path d="M26.5832 17.5084C26.5832 14.9784 24.5298 12.925 21.9998 12.925C19.4698 12.925 17.4165 14.9784 17.4165 17.5084C17.4165 18.9017 18.0398 20.1117 19.0115 20.955L12.8332 39.5084H16.4998L17.7282 35.8417H26.2898L27.4998 39.5084H31.1665L24.9882 20.955C25.9598 20.1117 26.5832 18.9017 26.5832 17.5084ZM18.9382 32.175L21.9998 23.0084L25.0615 32.175H18.9382Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/Brodcast/index.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Broadcast(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      id="Broadcast"
+    >
+      <path
+        d="M13.3832 26.125L15.5832 23.925C13.7498 22.0917 12.8332 19.7084 12.8332 17.5084C12.8332 15.125 13.7498 12.7417 15.5832 11.0917L13.3832 8.8917C10.9998 11.275 9.7165 14.3917 9.7165 17.5084C9.7165 20.625 10.9998 23.7417 13.3832 26.125Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M35.0165 4.4917L32.8165 6.6917C35.7498 9.62503 37.2165 13.6584 37.2165 17.5084C37.2165 21.3584 35.7498 25.3917 32.8165 28.325L35.0165 30.525C38.6832 26.8584 40.3332 22.275 40.3332 17.5084C40.3332 12.7417 38.4998 8.15837 35.0165 4.4917Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M11.1832 6.6917L8.98317 4.4917C5.49984 8.15837 3.6665 12.7417 3.6665 17.5084C3.6665 22.275 5.49984 26.8584 8.98317 30.525L11.1832 28.325C8.24984 25.3917 6.78317 21.3584 6.78317 17.5084C6.78317 13.6584 8.24984 9.62503 11.1832 6.6917Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M30.6165 26.125C32.9998 23.7417 34.2832 20.625 34.2832 17.5084C34.0998 14.3917 32.9998 11.275 30.6165 8.8917L28.4165 11.0917C30.2498 12.925 31.1665 15.3084 31.1665 17.5084C31.1665 19.8917 30.2498 22.275 28.4165 23.925L30.6165 26.125Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M26.5832 17.5084C26.5832 14.9784 24.5298 12.925 21.9998 12.925C19.4698 12.925 17.4165 14.9784 17.4165 17.5084C17.4165 18.9017 18.0398 20.1117 19.0115 20.955L12.8332 39.5084H16.4998L17.7282 35.8417H26.2898L27.4998 39.5084H31.1665L24.9882 20.955C25.9598 20.1117 26.5832 18.9017 26.5832 17.5084ZM18.9382 32.175L21.9998 23.0084L25.0615 32.175H18.9382Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Broadcast;

package/src/Presentation/components/UI/svgs/Icons/Contents/Chat/Chat.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.6667 3.66663H7.33341C5.31675 3.66663 3.66675 5.31663 3.66675 7.33329V40.3333L11.0001 33H36.6667C38.6834 33 40.3334 31.35 40.3334 29.3333V7.33329C40.3334 5.31663 38.6834 3.66663 36.6667 3.66663ZM36.6667 29.3333H11.0001L7.33341 33V7.33329H36.6667V29.3333Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/Chat/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Chat(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M36.6667 3.66663H7.33341C5.31675 3.66663 3.66675 5.31663 3.66675 7.33329V40.3333L11.0001 33H36.6667C38.6834 33 40.3334 31.35 40.3334 29.3333V7.33329C40.3334 5.31663 38.6834 3.66663 36.6667 3.66663ZM36.6667 29.3333H11.0001L7.33341 33V7.33329H36.6667V29.3333Z"
+        id="Chat"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20 2H4.00005C2.90005 2 2.00005 2.9 2.00005 4V22L6.00005 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM20 16H6.00005L4.00005 18V4H20V16Z"
+        fill="var(--color-icon)"
+      />
+    </svg>
+  );
+}
+
+export default Chat;

package/src/Presentation/components/UI/svgs/Icons/Contents/ChatFilled/Chat filled.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.6667 3.66663H7.33341C5.31675 3.66663 3.66675 5.31663 3.66675 7.33329V40.3333L11.0001 33H36.6667C38.6834 33 40.3334 31.35 40.3334 29.3333V7.33329C40.3334 5.31663 38.6834 3.66663 36.6667 3.66663Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/ChatFilled/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ChatFilled(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M36.6667 3.66663H7.33341C5.31675 3.66663 3.66675 5.31663 3.66675 7.33329V40.3333L11.0001 33H36.6667C38.6834 33 40.3334 31.35 40.3334 29.3333V7.33329C40.3334 5.31663 38.6834 3.66663 36.6667 3.66663Z"
+        id="ChatFilled"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ChatFilled;

package/src/Presentation/components/UI/svgs/Icons/Contents/Conference/Conference.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.33333 23.8333C9.35 23.8333 11 22.1833 11 20.1667C11 18.15 9.35 16.5 7.33333 16.5C5.31667 16.5 3.66667 18.15 3.66667 20.1667C3.66667 22.1833 5.31667 23.8333 7.33333 23.8333ZM9.405 25.85C8.72667 25.74 8.04833 25.6667 7.33333 25.6667C5.51833 25.6667 3.795 26.0517 2.23667 26.73C0.88 27.3167 0 28.6367 0 30.1217V33H8.25V30.0483C8.25 28.5267 8.67167 27.0967 9.405 25.85ZM36.6667 23.8333C38.6833 23.8333 40.3333 22.1833 40.3333 20.1667C40.3333 18.15 38.6833 16.5 36.6667 16.5C34.65 16.5 33 18.15 33 20.1667C33 22.1833 34.65 23.8333 36.6667 23.8333ZM44 30.1217C44 28.6367 43.12 27.3167 41.7633 26.73C40.205 26.0517 38.4817 25.6667 36.6667 25.6667C35.9517 25.6667 35.2733 25.74 34.595 25.85C35.3283 27.0967 35.75 28.5267 35.75 30.0483V33H44V30.1217ZM29.7733 25.025C27.6283 24.0717 24.9883 23.375 22 23.375C19.0117 23.375 16.3717 24.09 14.2267 25.025C12.2467 25.905 11 27.885 11 30.0483V33H33V30.0483C33 27.885 31.7533 25.905 29.7733 25.025ZM14.795 29.3333C14.96 28.9117 15.0333 28.6183 16.4633 28.0683C18.2417 27.3717 20.1117 27.0417 22 27.0417C23.8883 27.0417 25.7583 27.3717 27.5367 28.0683C28.9483 28.6183 29.0217 28.9117 29.205 29.3333H14.795ZM22 14.6667C23.0083 14.6667 23.8333 15.4917 23.8333 16.5C23.8333 17.5083 23.0083 18.3333 22 18.3333C20.9917 18.3333 20.1667 17.5083 20.1667 16.5C20.1667 15.4917 20.9917 14.6667 22 14.6667ZM22 11C18.9567 11 16.5 13.4567 16.5 16.5C16.5 19.5433 18.9567 22 22 22C25.0433 22 27.5 19.5433 27.5 16.5C27.5 13.4567 25.0433 11 22 11Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/Conference/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Conference(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.33333 23.8333C9.35 23.8333 11 22.1833 11 20.1667C11 18.15 9.35 16.5 7.33333 16.5C5.31667 16.5 3.66667 18.15 3.66667 20.1667C3.66667 22.1833 5.31667 23.8333 7.33333 23.8333ZM9.405 25.85C8.72667 25.74 8.04833 25.6667 7.33333 25.6667C5.51833 25.6667 3.795 26.0517 2.23667 26.73C0.88 27.3167 0 28.6367 0 30.1217V33H8.25V30.0483C8.25 28.5267 8.67167 27.0967 9.405 25.85ZM36.6667 23.8333C38.6833 23.8333 40.3333 22.1833 40.3333 20.1667C40.3333 18.15 38.6833 16.5 36.6667 16.5C34.65 16.5 33 18.15 33 20.1667C33 22.1833 34.65 23.8333 36.6667 23.8333ZM44 30.1217C44 28.6367 43.12 27.3167 41.7633 26.73C40.205 26.0517 38.4817 25.6667 36.6667 25.6667C35.9517 25.6667 35.2733 25.74 34.595 25.85C35.3283 27.0967 35.75 28.5267 35.75 30.0483V33H44V30.1217ZM29.7733 25.025C27.6283 24.0717 24.9883 23.375 22 23.375C19.0117 23.375 16.3717 24.09 14.2267 25.025C12.2467 25.905 11 27.885 11 30.0483V33H33V30.0483C33 27.885 31.7533 25.905 29.7733 25.025ZM14.795 29.3333C14.96 28.9117 15.0333 28.6183 16.4633 28.0683C18.2417 27.3717 20.1117 27.0417 22 27.0417C23.8883 27.0417 25.7583 27.3717 27.5367 28.0683C28.9483 28.6183 29.0217 28.9117 29.205 29.3333H14.795ZM22 14.6667C23.0083 14.6667 23.8333 15.4917 23.8333 16.5C23.8333 17.5083 23.0083 18.3333 22 18.3333C20.9917 18.3333 20.1667 17.5083 20.1667 16.5C20.1667 15.4917 20.9917 14.6667 22 14.6667ZM22 11C18.9567 11 16.5 13.4567 16.5 16.5C16.5 19.5433 18.9567 22 22 22C25.0433 22 27.5 19.5433 27.5 16.5C27.5 13.4567 25.0433 11 22 11Z"
+        id="Conference"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Conference;

package/src/Presentation/components/UI/svgs/Icons/Contents/Contact/Contact.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0001 3.66663C11.8801 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8801 40.3333 22.0001 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 22.0001 3.66663ZM12.9617 33.5133C13.7501 31.8633 18.5534 30.25 22.0001 30.25C25.4467 30.25 30.2684 31.8633 31.0384 33.5133C28.5451 35.4933 25.4101 36.6666 22.0001 36.6666C18.5901 36.6666 15.4551 35.4933 12.9617 33.5133ZM33.6601 30.855C31.0384 27.665 24.6767 26.5833 22.0001 26.5833C19.3234 26.5833 12.9617 27.665 10.3401 30.855C8.47008 28.3983 7.33341 25.3366 7.33341 22C7.33341 13.915 13.9151 7.33329 22.0001 7.33329C30.0851 7.33329 36.6667 13.915 36.6667 22C36.6667 25.3366 35.5301 28.3983 33.6601 30.855ZM22.0001 11C18.4434 11 15.5834 13.86 15.5834 17.4166C15.5834 20.9733 18.4434 23.8333 22.0001 23.8333C25.5567 23.8333 28.4167 20.9733 28.4167 17.4166C28.4167 13.86 25.5567 11 22.0001 11ZM22.0001 20.1666C20.4784 20.1666 19.2501 18.9383 19.2501 17.4166C19.2501 15.895 20.4784 14.6666 22.0001 14.6666C23.5217 14.6666 24.7501 15.895 24.7501 17.4166C24.7501 18.9383 23.5217 20.1666 22.0001 20.1666Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/Contact/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Contact(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M22.0001 3.66663C11.8801 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8801 40.3333 22.0001 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 22.0001 3.66663ZM12.9617 33.5133C13.7501 31.8633 18.5534 30.25 22.0001 30.25C25.4467 30.25 30.2684 31.8633 31.0384 33.5133C28.5451 35.4933 25.4101 36.6666 22.0001 36.6666C18.5901 36.6666 15.4551 35.4933 12.9617 33.5133ZM33.6601 30.855C31.0384 27.665 24.6767 26.5833 22.0001 26.5833C19.3234 26.5833 12.9617 27.665 10.3401 30.855C8.47008 28.3983 7.33341 25.3366 7.33341 22C7.33341 13.915 13.9151 7.33329 22.0001 7.33329C30.0851 7.33329 36.6667 13.915 36.6667 22C36.6667 25.3366 35.5301 28.3983 33.6601 30.855ZM22.0001 11C18.4434 11 15.5834 13.86 15.5834 17.4166C15.5834 20.9733 18.4434 23.8333 22.0001 23.8333C25.5567 23.8333 28.4167 20.9733 28.4167 17.4166C28.4167 13.86 25.5567 11 22.0001 11ZM22.0001 20.1666C20.4784 20.1666 19.2501 18.9383 19.2501 17.4166C19.2501 15.895 20.4784 14.6666 22.0001 14.6666C23.5217 14.6666 24.7501 15.895 24.7501 17.4166C24.7501 18.9383 23.5217 20.1666 22.0001 20.1666Z"
+        id="Contact"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Contact;

package/src/Presentation/components/UI/svgs/Icons/Contents/ContactFilled/Contact filled.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0001 3.66663C11.8801 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8801 40.3333 22.0001 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 22.0001 3.66663ZM22.0001 9.16663C25.0434 9.16663 27.5001 11.6233 27.5001 14.6666C27.5001 17.71 25.0434 20.1666 22.0001 20.1666C18.9567 20.1666 16.5001 17.71 16.5001 14.6666C16.5001 11.6233 18.9567 9.16663 22.0001 9.16663ZM22.0001 35.2C17.4167 35.2 13.3651 32.8533 11.0001 29.2966C11.0551 25.6483 18.3334 23.65 22.0001 23.65C25.6484 23.65 32.9451 25.6483 33.0001 29.2966C30.6351 32.8533 26.5834 35.2 22.0001 35.2Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/ContactFilled/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ContactFilled(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M22.0001 3.66663C11.8801 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8801 40.3333 22.0001 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 22.0001 3.66663ZM22.0001 9.16663C25.0434 9.16663 27.5001 11.6233 27.5001 14.6666C27.5001 17.71 25.0434 20.1666 22.0001 20.1666C18.9567 20.1666 16.5001 17.71 16.5001 14.6666C16.5001 11.6233 18.9567 9.16663 22.0001 9.16663ZM22.0001 35.2C17.4167 35.2 13.3651 32.8533 11.0001 29.2966C11.0551 25.6483 18.3334 23.65 22.0001 23.65C25.6484 23.65 32.9451 25.6483 33.0001 29.2966C30.6351 32.8533 26.5834 35.2 22.0001 35.2Z"
+        id="ContactFilled"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ContactFilled;

package/src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/Group chat.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.2499 23.8333C28.0499 23.8333 24.6216 24.4566 21.9999 25.6666C19.3783 24.4383 15.9499 23.8333 13.7499 23.8333C9.77159 23.8333 1.83325 25.8133 1.83325 29.7916V34.8333H42.1666V29.7916C42.1666 25.8133 34.2283 23.8333 30.2499 23.8333ZM22.9166 32.0833H4.58325V29.7916C4.58325 28.8016 9.27659 26.5833 13.7499 26.5833C18.2233 26.5833 22.9166 28.8016 22.9166 29.7916V32.0833ZM39.4166 32.0833H25.6666V29.7916C25.6666 28.9483 25.2999 28.215 24.7133 27.555C26.3266 27.005 28.3066 26.5833 30.2499 26.5833C34.7233 26.5833 39.4166 28.8016 39.4166 29.7916V32.0833ZM13.7499 22C17.2883 22 20.1666 19.1216 20.1666 15.5833C20.1666 12.045 17.2883 9.16663 13.7499 9.16663C10.2116 9.16663 7.33325 12.045 7.33325 15.5833C7.33325 19.1216 10.2116 22 13.7499 22ZM13.7499 11.9166C15.7666 11.9166 17.4166 13.5666 17.4166 15.5833C17.4166 17.6 15.7666 19.25 13.7499 19.25C11.7333 19.25 10.0833 17.6 10.0833 15.5833C10.0833 13.5666 11.7333 11.9166 13.7499 11.9166ZM30.2499 22C33.7883 22 36.6666 19.1216 36.6666 15.5833C36.6666 12.045 33.7883 9.16663 30.2499 9.16663C26.7116 9.16663 23.8333 12.045 23.8333 15.5833C23.8333 19.1216 26.7116 22 30.2499 22ZM30.2499 11.9166C32.2666 11.9166 33.9166 13.5666 33.9166 15.5833C33.9166 17.6 32.2666 19.25 30.2499 19.25C28.2333 19.25 26.5833 17.6 26.5833 15.5833C26.5833 13.5666 28.2333 11.9166 30.2499 11.9166Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/GroupChat/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function GroupChat(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M30.2499 23.8333C28.0499 23.8333 24.6216 24.4566 21.9999 25.6666C19.3783 24.4383 15.9499 23.8333 13.7499 23.8333C9.77159 23.8333 1.83325 25.8133 1.83325 29.7916V34.8333H42.1666V29.7916C42.1666 25.8133 34.2283 23.8333 30.2499 23.8333ZM22.9166 32.0833H4.58325V29.7916C4.58325 28.8016 9.27659 26.5833 13.7499 26.5833C18.2233 26.5833 22.9166 28.8016 22.9166 29.7916V32.0833ZM39.4166 32.0833H25.6666V29.7916C25.6666 28.9483 25.2999 28.215 24.7133 27.555C26.3266 27.005 28.3066 26.5833 30.2499 26.5833C34.7233 26.5833 39.4166 28.8016 39.4166 29.7916V32.0833ZM13.7499 22C17.2883 22 20.1666 19.1216 20.1666 15.5833C20.1666 12.045 17.2883 9.16663 13.7499 9.16663C10.2116 9.16663 7.33325 12.045 7.33325 15.5833C7.33325 19.1216 10.2116 22 13.7499 22ZM13.7499 11.9166C15.7666 11.9166 17.4166 13.5666 17.4166 15.5833C17.4166 17.6 15.7666 19.25 13.7499 19.25C11.7333 19.25 10.0833 17.6 10.0833 15.5833C10.0833 13.5666 11.7333 11.9166 13.7499 11.9166ZM30.2499 22C33.7883 22 36.6666 19.1216 36.6666 15.5833C36.6666 12.045 33.7883 9.16663 30.2499 9.16663C26.7116 9.16663 23.8333 12.045 23.8333 15.5833C23.8333 19.1216 26.7116 22 30.2499 22ZM30.2499 11.9166C32.2666 11.9166 33.9166 13.5666 33.9166 15.5833C33.9166 17.6 32.2666 19.25 30.2499 19.25C28.2333 19.25 26.5833 17.6 26.5833 15.5833C26.5833 13.5666 28.2333 11.9166 30.2499 11.9166Z"
+        id="GroupChat"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16.5 13C15.3 13 13.43 13.34 12 14C10.57 13.33 8.7 13 7.5 13C5.33 13 1 14.08 1 16.25V19H23V16.25C23 14.08 18.67 13 16.5 13ZM12.5 17.5H2.5V16.25C2.5 15.71 5.06 14.5 7.5 14.5C9.94 14.5 12.5 15.71 12.5 16.25V17.5ZM21.5 17.5H14V16.25C14 15.79 13.8 15.39 13.48 15.03C14.36 14.73 15.44 14.5 16.5 14.5C18.94 14.5 21.5 15.71 21.5 16.25V17.5ZM7.5 12C9.43 12 11 10.43 11 8.5C11 6.57 9.43 5 7.5 5C5.57 5 4 6.57 4 8.5C4 10.43 5.57 12 7.5 12ZM7.5 6.5C8.6 6.5 9.5 7.4 9.5 8.5C9.5 9.6 8.6 10.5 7.5 10.5C6.4 10.5 5.5 9.6 5.5 8.5C5.5 7.4 6.4 6.5 7.5 6.5ZM16.5 12C18.43 12 20 10.43 20 8.5C20 6.57 18.43 5 16.5 5C14.57 5 13 6.57 13 8.5C13 10.43 14.57 12 16.5 12ZM16.5 6.5C17.6 6.5 18.5 7.4 18.5 8.5C18.5 9.6 17.6 10.5 16.5 10.5C15.4 10.5 14.5 9.6 14.5 8.5C14.5 7.4 15.4 6.5 16.5 6.5Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default GroupChat;

package/src/Presentation/components/UI/svgs/Icons/Contents/Notifications/Notifications.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.9999 39.875C24.0166 39.875 25.6666 38.225 25.6666 36.2083H18.3333C18.3333 38.225 19.9833 39.875 21.9999 39.875ZM32.9999 28.875V19.7083C32.9999 14.08 30.0116 9.36833 24.7499 8.12167V6.875C24.7499 5.35333 23.5216 4.125 21.9999 4.125C20.4783 4.125 19.2499 5.35333 19.2499 6.875V8.12167C14.0066 9.36833 10.9999 14.0617 10.9999 19.7083V28.875L7.33325 32.5417V34.375H36.6666V32.5417L32.9999 28.875ZM29.3333 30.7083H14.6666V19.7083C14.6666 15.1617 17.4349 11.4583 21.9999 11.4583C26.5649 11.4583 29.3333 15.1617 29.3333 19.7083V30.7083Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Contents/Notifications/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Notifications(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M21.9999 39.875C24.0166 39.875 25.6666 38.225 25.6666 36.2083H18.3333C18.3333 38.225 19.9833 39.875 21.9999 39.875ZM32.9999 28.875V19.7083C32.9999 14.08 30.0116 9.36833 24.7499 8.12167V6.875C24.7499 5.35333 23.5216 4.125 21.9999 4.125C20.4783 4.125 19.2499 5.35333 19.2499 6.875V8.12167C14.0066 9.36833 10.9999 14.0617 10.9999 19.7083V28.875L7.33325 32.5417V34.375H36.6666V32.5417L32.9999 28.875ZM29.3333 30.7083H14.6666V19.7083C14.6666 15.1617 17.4349 11.4583 21.9999 11.4583C26.5649 11.4583 29.3333 15.1617 29.3333 19.7083V30.7083Z"
+        id="Notifications"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Notifications;

package/src/Presentation/components/UI/svgs/Icons/Contents/PrivateChat/Private chat.svg

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.9999 15.5833H31.1666V11.9167C31.1666 6.85667 27.0599 2.75 21.9999 2.75C16.9399 2.75 12.8333 6.85667 12.8333 11.9167V15.5833H10.9999C8.98325 15.5833 7.33325 17.2333 7.33325 19.25V37.5833C7.33325 39.6 8.98325 41.25 10.9999 41.25H32.9999C35.0166 41.25 36.6666 39.6 36.6666 37.5833V19.25C36.6666 17.2333 35.0166 15.5833 32.9999 15.5833ZM16.4999 11.9167C16.4999 8.87333 18.9566 6.41667 21.9999 6.41667C25.0433 6.41667 27.4999 8.87333 27.4999 11.9167V15.5833H16.4999V11.9167ZM32.9999 37.5833H10.9999V19.25H32.9999V37.5833ZM21.9999 32.0833C24.0166 32.0833 25.6666 30.4333 25.6666 28.4167C25.6666 26.4 24.0166 24.75 21.9999 24.75C19.9833 24.75 18.3333 26.4 18.3333 28.4167C18.3333 30.4333 19.9833 32.0833 21.9999 32.0833Z" fill="#0B121B"/>
+</svg>