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

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

@@ -0,0 +1,93 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function AssitAnswerIcon(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      // style={{
+      //   padding: '5px 3px 5px 3px',
+      //   alignSelf: 'stretch',
+      //   flex: '1',
+      //   position: 'relative',
+      //   overflow: 'visible',
+      // }}
+      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
+        id="AssistAnswer"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.7687 4.60889C17.85 4.60889 19.5373 6.27566 19.5373 8.33173V15.7774C19.5373 17.5695 18.2893 19.3012 15.7932 20.9725C16.3014 18.7501 16.1432 17.6388 15.3186 17.6388H8.23152C6.15018 17.6388 4.46292 15.9721 4.46292 13.916V8.33173C4.46292 6.27566 6.15018 4.60889 8.23152 4.60889H15.7687ZM15.7687 8.33173H8.23152C7.71118 8.33173 7.28937 8.74842 7.28937 9.26244V12.0546C7.28937 12.5686 7.71118 12.9853 8.23152 12.9853H15.7687C16.289 12.9853 16.7109 12.5686 16.7109 12.0546V9.26244C16.7109 8.74842 16.289 8.33173 15.7687 8.33173ZM10.1158 9.26244C10.6361 9.26244 11.058 9.67913 11.058 10.1932V11.1239C11.058 11.6379 10.6361 12.0546 10.1158 12.0546C9.59548 12.0546 9.17366 11.6379 9.17366 11.1239V10.1932C9.17366 9.67913 9.59548 9.26244 10.1158 9.26244ZM13.8844 9.26244C14.4047 9.26244 14.8266 9.67913 14.8266 10.1932V11.1239C14.8266 11.6379 14.4047 12.0546 13.8844 12.0546C13.3641 12.0546 12.9423 11.6379 12.9423 11.1239V10.1932C12.9423 9.67913 13.3641 9.26244 13.8844 9.26244ZM2.57862 8.33173H3.52077V13.916H2.57862C2.05829 13.916 1.63647 13.4993 1.63647 12.9853V9.26244C1.63647 8.74842 2.05829 8.33173 2.57862 8.33173ZM20.4794 8.33173H21.4216C21.9419 8.33173 22.3637 8.74842 22.3637 9.26244V12.9853C22.3637 13.4993 21.9419 13.916 21.4216 13.916H20.4794V8.33173Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      // style={{
+      //   padding: '5px 3px 5px 3px',
+      //   alignSelf: 'stretch',
+      //   flex: '1',
+      //   position: 'relative',
+      //   overflow: 'visible',
+      // }}
+      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
+        id="AssistAnswer"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M15.7687 4.60889C17.85 4.60889 19.5373 6.27566 19.5373 8.33173V15.7774C19.5373 17.5695 18.2893 19.3012 15.7932 20.9725C16.3014 18.7501 16.1432 17.6388 15.3186 17.6388H8.23152C6.15018 17.6388 4.46292 15.9721 4.46292 13.916V8.33173C4.46292 6.27566 6.15018 4.60889 8.23152 4.60889H15.7687ZM15.7687 8.33173H8.23152C7.71118 8.33173 7.28937 8.74842 7.28937 9.26244V12.0546C7.28937 12.5686 7.71118 12.9853 8.23152 12.9853H15.7687C16.289 12.9853 16.7109 12.5686 16.7109 12.0546V9.26244C16.7109 8.74842 16.289 8.33173 15.7687 8.33173ZM10.1158 9.26244C10.6361 9.26244 11.058 9.67913 11.058 10.1932V11.1239C11.058 11.6379 10.6361 12.0546 10.1158 12.0546C9.59548 12.0546 9.17366 11.6379 9.17366 11.1239V10.1932C9.17366 9.67913 9.59548 9.26244 10.1158 9.26244ZM13.8844 9.26244C14.4047 9.26244 14.8266 9.67913 14.8266 10.1932V11.1239C14.8266 11.6379 14.4047 12.0546 13.8844 12.0546C13.3641 12.0546 12.9423 11.6379 12.9423 11.1239V10.1932C12.9423 9.67913 13.3641 9.26244 13.8844 9.26244ZM2.57862 8.33173H3.52077V13.916H2.57862C2.05829 13.916 1.63647 13.4993 1.63647 12.9853V9.26244C1.63647 8.74842 2.05829 8.33173 2.57862 8.33173ZM20.4794 8.33173H21.4216C21.9419 8.33173 22.3637 8.74842 22.3637 9.26244V12.9853C22.3637 13.4993 21.9419 13.916 21.4216 13.916H20.4794V8.33173Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default AssitAnswerIcon;
+
+/*
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function User(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="M21.9999 10.8167C24.1266 10.8167 25.8499 12.54 25.8499 14.6667C25.8499 16.7934 24.1266 18.5167 21.9999 18.5167C19.8733 18.5167 18.1499 16.7934 18.1499 14.6667C18.1499 12.54 19.8733 10.8167 21.9999 10.8167ZM21.9999 27.3167C27.4449 27.3167 33.1833 29.9934 33.1833 31.1667V33.1834H10.8166V31.1667C10.8166 29.9934 16.5549 27.3167 21.9999 27.3167ZM21.9999 7.33337C17.9483 7.33337 14.6666 10.615 14.6666 14.6667C14.6666 18.7184 17.9483 22 21.9999 22C26.0516 22 29.3333 18.7184 29.3333 14.6667C29.3333 10.615 26.0516 7.33337 21.9999 7.33337ZM21.9999 23.8334C17.1049 23.8334 7.33325 26.29 7.33325 31.1667V36.6667H36.6666V31.1667C36.6666 26.29 26.8949 23.8334 21.9999 23.8334Z"
+        id="User"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '26'}
+      height={theme && theme.height ? theme.height : '26'}
+      viewBox="0 0 26 26"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12.9999 6.46418C14.2428 6.46418 15.2499 7.47132 15.2499 8.71418C15.2499 9.95704 14.2428 10.9642 12.9999 10.9642C11.757 10.9642 10.7499 9.95704 10.7499 8.71418C10.7499 7.47132 11.757 6.46418 12.9999 6.46418ZM12.9999 16.107C16.182 16.107 19.5356 17.6713 19.5356 18.357V19.5356H6.46418V18.357C6.46418 17.6713 9.81775 16.107 12.9999 16.107ZM12.9999 4.42847C10.632 4.42847 8.71418 6.34632 8.71418 8.71418C8.71418 11.082 10.632 12.9999 12.9999 12.9999C15.3678 12.9999 17.2856 11.082 17.2856 8.71418C17.2856 6.34632 15.3678 4.42847 12.9999 4.42847ZM12.9999 14.0713C10.1392 14.0713 4.42847 15.507 4.42847 18.357V21.5713H21.5713V18.357C21.5713 15.507 15.8606 14.0713 12.9999 14.0713Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default User;
+
+ */

package/src/Presentation/components/UI/svgs/Icons/Actions/Copy/Copy.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.2502 1.83337H8.25016C6.2335 1.83337 4.5835 3.48337 4.5835 5.50004V31.1667H8.25016V5.50004H30.2502V1.83337ZM35.7502 9.16671H15.5835C13.5668 9.16671 11.9168 10.8167 11.9168 12.8334V38.5C11.9168 40.5167 13.5668 42.1667 15.5835 42.1667H35.7502C37.7668 42.1667 39.4168 40.5167 39.4168 38.5V12.8334C39.4168 10.8167 37.7668 9.16671 35.7502 9.16671ZM35.7502 38.5H15.5835V12.8334H35.7502V38.5Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Copy(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="M30.2502 1.83337H8.25016C6.2335 1.83337 4.5835 3.48337 4.5835 5.50004V31.1667H8.25016V5.50004H30.2502V1.83337ZM35.7502 9.16671H15.5835C13.5668 9.16671 11.9168 10.8167 11.9168 12.8334V38.5C11.9168 40.5167 13.5668 42.1667 15.5835 42.1667H35.7502C37.7668 42.1667 39.4168 40.5167 39.4168 38.5V12.8334C39.4168 10.8167 37.7668 9.16671 35.7502 9.16671ZM35.7502 38.5H15.5835V12.8334H35.7502V38.5Z"
+        id="Copy"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Copy;

package/src/Presentation/components/UI/svgs/Icons/Actions/Delete/Delete.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="M11.0001 34.8333C11.0001 36.85 12.6501 38.5 14.6667 38.5H29.3334C31.3501 38.5 33.0001 36.85 33.0001 34.8333V12.8333H11.0001V34.8333ZM14.6667 16.5H29.3334V34.8333H14.6667V16.5ZM28.4167 7.33333L26.5834 5.5H17.4167L15.5834 7.33333H9.16675V11H34.8334V7.33333H28.4167Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Delete(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="M11.0001 34.8333C11.0001 36.85 12.6501 38.5 14.6667 38.5H29.3334C31.3501 38.5 33.0001 36.85 33.0001 34.8333V12.8333H11.0001V34.8333ZM14.6667 16.5H29.3334V34.8333H14.6667V16.5ZM28.4167 7.33333L26.5834 5.5H17.4167L15.5834 7.33333H9.16675V11H34.8334V7.33333H28.4167Z"
+        id="Delete"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Delete;

package/src/Presentation/components/UI/svgs/Icons/Actions/Download/Download.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="M34.8333 22V34.8333H9.16667V22H5.5V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V22H34.8333ZM23.8333 23.2283L28.5817 18.4983L31.1667 21.0833L22 30.25L12.8333 21.0833L15.4183 18.4983L20.1667 23.2283V5.5H23.8333V23.2283Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Download(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="M34.8333 22V34.8333H9.16667V22H5.5V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V22H34.8333ZM23.8333 23.2283L28.5817 18.4983L31.1667 21.0833L22 30.25L12.8333 21.0833L15.4183 18.4983L20.1667 23.2283V5.5H23.8333V23.2283Z"
+        id="Download"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Download;

package/src/Presentation/components/UI/svgs/Icons/Actions/Edit/Edit.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="M5.4978 31.6273V38.5023H12.3728L32.6495 18.2256L25.7745 11.3506L5.4978 31.6273ZM37.9661 12.9089C38.6811 12.1939 38.6811 11.0389 37.9661 10.3239L33.6761 6.03393C32.9611 5.31893 31.8061 5.31893 31.0911 6.03393L27.7361 9.38893L34.6111 16.2639L37.9661 12.9089Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Edit(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="M5.4978 31.6273V38.5023H12.3728L32.6495 18.2256L25.7745 11.3506L5.4978 31.6273ZM37.9661 12.9089C38.6811 12.1939 38.6811 11.0389 37.9661 10.3239L33.6761 6.03393C32.9611 5.31893 31.8061 5.31893 31.0911 6.03393L27.7361 9.38893L34.6111 16.2639L37.9661 12.9089Z"
+        id="Edit"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Edit;

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

@@ -0,0 +1,3 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M16 12C17.1 12 18 11.1 18 10C18 8.9 17.1 8 16 8C14.9 8 14 8.9 14 10C14 11.1 14.9 12 16 12ZM16 14C14.9 14 14 14.9 14 16C14 17.1 14.9 18 16 18C17.1 18 18 17.1 18 16C18 14.9 17.1 14 16 14ZM16 20C14.9 20 14 20.9 14 22C14 23.1 14.9 24 16 24C17.1 24 18 23.1 18 22C18 20.9 17.1 20 16 20Z" fill="#636D78"/>
+</svg>

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function EditDots(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        d="M12 8C13.1 8 14 7.1 14 6C14 4.9 13.1 4 12 4C10.9 4 10 4.9 10 6C10 7.1 10.9 8 12 8ZM12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10ZM12 16C10.9 16 10 16.9 10 18C10 19.1 10.9 20 12 20C13.1 20 14 19.1 14 18C14 16.9 13.1 16 12 16Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+
+    // <svg
+    //   width={theme && theme.width ? theme.width : '32'}
+    //   height={theme && theme.height ? theme.height : '32'}
+    //   viewBox="0 0 32 32"
+    //   fill="none"
+    //   xmlns="http://www.w3.org/2000/svg"
+    // >
+    //   <path
+    //     d="M16 12C17.1 12 18 11.1 18 10C18 8.9 17.1 8 16 8C14.9 8 14 8.9 14 10C14 11.1 14.9 12 16 12ZM16 14C14.9 14 14 14.9 14 16C14 17.1 14.9 18 16 18C17.1 18 18 17.1 18 16C18 14.9 17.1 14 16 14ZM16 20C14.9 20 14 20.9 14 22C14 23.1 14.9 24 16 24C17.1 24 18 23.1 18 22C18 20.9 17.1 20 16 20Z"
+    //     id="EditDots"
+    //     fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+    //   />
+    // </svg>
+  );
+}
+
+export default EditDots;

package/src/Presentation/components/UI/svgs/Icons/Actions/Emoji/Emoji.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.9817 3.66663C11.8617 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8617 40.3333 21.9817 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 21.9817 3.66663ZM22.0001 36.6666C13.8967 36.6666 7.33341 30.1033 7.33341 22C7.33341 13.8966 13.8967 7.33329 22.0001 7.33329C30.1034 7.33329 36.6667 13.8966 36.6667 22C36.6667 30.1033 30.1034 36.6666 22.0001 36.6666ZM28.4167 20.1666C29.9384 20.1666 31.1667 18.9383 31.1667 17.4166C31.1667 15.895 29.9384 14.6666 28.4167 14.6666C26.8951 14.6666 25.6667 15.895 25.6667 17.4166C25.6667 18.9383 26.8951 20.1666 28.4167 20.1666ZM15.5834 20.1666C17.1051 20.1666 18.3334 18.9383 18.3334 17.4166C18.3334 15.895 17.1051 14.6666 15.5834 14.6666C14.0617 14.6666 12.8334 15.895 12.8334 17.4166C12.8334 18.9383 14.0617 20.1666 15.5834 20.1666ZM22.0001 32.0833C26.2717 32.0833 29.9017 29.4066 31.3684 25.6666H12.6317C14.0984 29.4066 17.7284 32.0833 22.0001 32.0833Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Emoji(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.9817 3.66663C11.8617 3.66663 3.66675 11.88 3.66675 22C3.66675 32.12 11.8617 40.3333 21.9817 40.3333C32.1201 40.3333 40.3334 32.12 40.3334 22C40.3334 11.88 32.1201 3.66663 21.9817 3.66663ZM22.0001 36.6666C13.8967 36.6666 7.33341 30.1033 7.33341 22C7.33341 13.8966 13.8967 7.33329 22.0001 7.33329C30.1034 7.33329 36.6667 13.8966 36.6667 22C36.6667 30.1033 30.1034 36.6666 22.0001 36.6666ZM28.4167 20.1666C29.9384 20.1666 31.1667 18.9383 31.1667 17.4166C31.1667 15.895 29.9384 14.6666 28.4167 14.6666C26.8951 14.6666 25.6667 15.895 25.6667 17.4166C25.6667 18.9383 26.8951 20.1666 28.4167 20.1666ZM15.5834 20.1666C17.1051 20.1666 18.3334 18.9383 18.3334 17.4166C18.3334 15.895 17.1051 14.6666 15.5834 14.6666C14.0617 14.6666 12.8334 15.895 12.8334 17.4166C12.8334 18.9383 14.0617 20.1666 15.5834 20.1666ZM22.0001 32.0833C26.2717 32.0833 29.9017 29.4066 31.3684 25.6666H12.6317C14.0984 29.4066 17.7284 32.0833 22.0001 32.0833Z"
+        id="Emoji"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Emoji;

package/src/Presentation/components/UI/svgs/Icons/Actions/ForwardFilled/Forward 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="M31.1667 13.75V8.25L44 21.0833L31.1667 33.9167V28.4167L38.5 21.0833L31.1667 13.75ZM20.1667 15.5833V8.25L33 21.0833L20.1667 33.9167V26.4C11 26.4 4.58333 29.3333 0 35.75C1.83333 26.5833 7.33333 17.4167 20.1667 15.5833Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ForwardFilled(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="M31.1667 13.75V8.25L44 21.0833L31.1667 33.9167V28.4167L38.5 21.0833L31.1667 13.75ZM20.1667 15.5833V8.25L33 21.0833L20.1667 33.9167V26.4C11 26.4 4.58333 29.3333 0 35.75C1.83333 26.5833 7.33333 17.4167 20.1667 15.5833Z"
+        id="ForwardFilled"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ForwardFilled;

package/src/Presentation/components/UI/svgs/Icons/Actions/Hungup/Hungup.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 17.545C19.0667 17.545 16.225 18.0033 13.5667 18.865V24.5483C13.5667 25.2633 13.145 25.905 12.54 26.1983C10.7433 27.0966 9.11167 28.2516 7.66333 29.59C7.33333 29.92 6.875 30.1033 6.38 30.1033C5.86667 30.1033 5.40833 29.9016 5.07833 29.5716L0.531667 25.025C0.201667 24.7133 0 24.255 0 23.7416C0 23.2283 0.201667 22.77 0.531667 22.44C6.12333 17.1416 13.6767 13.8783 22 13.8783C30.3233 13.8783 37.8767 17.1416 43.4683 22.44C43.7983 22.77 44 23.2283 44 23.7416C44 24.255 43.7983 24.7133 43.4683 25.0433L38.9217 29.59C38.5917 29.92 38.1333 30.1216 37.62 30.1216C37.125 30.1216 36.6667 29.92 36.3367 29.6083C34.8883 28.2516 33.2383 27.115 31.4417 26.2166C30.8367 25.9233 30.415 25.3 30.415 24.5666V18.8833C27.775 18.0033 24.9333 17.545 22 17.545Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Hungup(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 17.545C19.0667 17.545 16.225 18.0033 13.5667 18.865V24.5483C13.5667 25.2633 13.145 25.905 12.54 26.1983C10.7433 27.0966 9.11167 28.2516 7.66333 29.59C7.33333 29.92 6.875 30.1033 6.38 30.1033C5.86667 30.1033 5.40833 29.9016 5.07833 29.5716L0.531667 25.025C0.201667 24.7133 0 24.255 0 23.7416C0 23.2283 0.201667 22.77 0.531667 22.44C6.12333 17.1416 13.6767 13.8783 22 13.8783C30.3233 13.8783 37.8767 17.1416 43.4683 22.44C43.7983 22.77 44 23.2283 44 23.7416C44 24.255 43.7983 24.7133 43.4683 25.0433L38.9217 29.59C38.5917 29.92 38.1333 30.1216 37.62 30.1216C37.125 30.1216 36.6667 29.92 36.3367 29.6083C34.8883 28.2516 33.2383 27.115 31.4417 26.2166C30.8367 25.9233 30.415 25.3 30.415 24.5666V18.8833C27.775 18.0033 24.9333 17.545 22 17.545Z"
+        id="Hungup"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Hungup;

package/src/Presentation/components/UI/svgs/Icons/Actions/IncomeCall/Income call.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="M12.1367 19.7908C14.7767 24.9792 19.03 29.2142 24.2183 31.8725L28.2517 27.8392C28.7467 27.3442 29.48 27.1792 30.1217 27.3992C32.175 28.0775 34.3933 28.4442 36.6667 28.4442C37.675 28.4442 38.5 29.2692 38.5 30.2775V36.6758C38.5 37.6842 37.675 38.5092 36.6667 38.5092C19.4517 38.5092 5.5 24.5575 5.5 7.34251C5.5 6.33418 6.325 5.50918 7.33333 5.50918H13.75C14.7583 5.50918 15.5833 6.33418 15.5833 7.34251C15.5833 9.63418 15.95 11.8342 16.6283 13.8875C16.83 14.5292 16.6833 15.2442 16.17 15.7575L12.1367 19.7908ZM36.96 6.77418L35.6583 5.49084L23.8333 17.0408V9.17584H22V20.1758H33V18.3425H25.3917L36.96 6.77418Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function IncomeCall(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="M12.1367 19.7908C14.7767 24.9792 19.03 29.2142 24.2183 31.8725L28.2517 27.8392C28.7467 27.3442 29.48 27.1792 30.1217 27.3992C32.175 28.0775 34.3933 28.4442 36.6667 28.4442C37.675 28.4442 38.5 29.2692 38.5 30.2775V36.6758C38.5 37.6842 37.675 38.5092 36.6667 38.5092C19.4517 38.5092 5.5 24.5575 5.5 7.34251C5.5 6.33418 6.325 5.50918 7.33333 5.50918H13.75C14.7583 5.50918 15.5833 6.33418 15.5833 7.34251C15.5833 9.63418 15.95 11.8342 16.6283 13.8875C16.83 14.5292 16.6833 15.2442 16.17 15.7575L12.1367 19.7908ZM36.96 6.77418L35.6583 5.49084L23.8333 17.0408V9.17584H22V20.1758H33V18.3425H25.3917L36.96 6.77418Z"
+        id="IncomeCall"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default IncomeCall;

package/src/Presentation/components/UI/svgs/Icons/Actions/Like/Like.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.0003 38.8209L19.342 36.4009C9.90033 27.8392 3.66699 22.1925 3.66699 15.2625C3.66699 9.61587 8.10366 5.1792 13.7503 5.1792C16.9403 5.1792 20.002 6.6642 22.0003 9.01087C23.9987 6.6642 27.0603 5.1792 30.2503 5.1792C35.897 5.1792 40.3337 9.61587 40.3337 15.2625C40.3337 22.1925 34.1003 27.8392 24.6587 36.4192L22.0003 38.8209Z" fill="black"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Like(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.0003 38.8209L19.342 36.4009C9.90033 27.8392 3.66699 22.1925 3.66699 15.2625C3.66699 9.61587 8.10366 5.1792 13.7503 5.1792C16.9403 5.1792 20.002 6.6642 22.0003 9.01087C23.9987 6.6642 27.0603 5.1792 30.2503 5.1792C35.897 5.1792 40.3337 9.61587 40.3337 15.2625C40.3337 22.1925 34.1003 27.8392 24.6587 36.4192L22.0003 38.8209Z"
+        id="Like"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Like;

package/src/Presentation/components/UI/svgs/Icons/Actions/NewChat/New 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="M40.3334 7.33335C40.3334 5.31669 38.6834 3.66669 36.6667 3.66669H7.33341C5.31675 3.66669 3.66675 5.31669 3.66675 7.33335V29.3334C3.66675 31.35 5.31675 33 7.33341 33H33.0001L40.3334 40.3334V7.33335ZM36.6667 31.4784L34.5217 29.3334H7.33341V7.33335H36.6667V31.4784ZM23.8334 9.16669H20.1667V16.5H12.8334V20.1667H20.1667V27.5H23.8334V20.1667H31.1667V16.5H23.8334V9.16669Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function NewChat(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="M40.3334 7.33335C40.3334 5.31669 38.6834 3.66669 36.6667 3.66669H7.33341C5.31675 3.66669 3.66675 5.31669 3.66675 7.33335V29.3334C3.66675 31.35 5.31675 33 7.33341 33H33.0001L40.3334 40.3334V7.33335ZM36.6667 31.4784L34.5217 29.3334H7.33341V7.33335H36.6667V31.4784ZM23.8334 9.16669H20.1667V16.5H12.8334V20.1667H20.1667V27.5H23.8334V20.1667H31.1667V16.5H23.8334V9.16669Z"
+        id="NewChat"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default NewChat;

package/src/Presentation/components/UI/svgs/Icons/Actions/OutcomeCall/Outcome call.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="M31.1667 22L40.3334 12.8333L31.1667 3.66663V9.16663H23.8334V16.5H31.1667V22ZM34.8334 30.25C32.5417 30.25 30.3417 29.8833 28.2884 29.205C27.6467 29.0033 26.9317 29.15 26.4184 29.645L22.3851 33.6783C17.1967 31.0383 12.9434 26.8033 10.3034 21.5966L14.3367 17.545C14.8501 17.0683 14.9967 16.3533 14.7951 15.7116C14.1167 13.6583 13.7501 11.4583 13.7501 9.16663C13.7501 8.15829 12.9251 7.33329 11.9167 7.33329H5.50008C4.49175 7.33329 3.66675 8.15829 3.66675 9.16663C3.66675 26.3816 17.6184 40.3333 34.8334 40.3333C35.8417 40.3333 36.6667 39.5083 36.6667 38.5V32.0833C36.6667 31.075 35.8417 30.25 34.8334 30.25Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function OutcomeCall(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="M31.1667 22L40.3334 12.8333L31.1667 3.66663V9.16663H23.8334V16.5H31.1667V22ZM34.8334 30.25C32.5417 30.25 30.3417 29.8833 28.2884 29.205C27.6467 29.0033 26.9317 29.15 26.4184 29.645L22.3851 33.6783C17.1967 31.0383 12.9434 26.8033 10.3034 21.5966L14.3367 17.545C14.8501 17.0683 14.9967 16.3533 14.7951 15.7116C14.1167 13.6583 13.7501 11.4583 13.7501 9.16663C13.7501 8.15829 12.9251 7.33329 11.9167 7.33329H5.50008C4.49175 7.33329 3.66675 8.15829 3.66675 9.16663C3.66675 26.3816 17.6184 40.3333 34.8334 40.3333C35.8417 40.3333 36.6667 39.5083 36.6667 38.5V32.0833C36.6667 31.075 35.8417 30.25 34.8334 30.25Z"
+        id="OutcomeCall"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default OutcomeCall;

package/src/Presentation/components/UI/svgs/Icons/Actions/Phone/Phone.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="M11.99 9.16667C12.1 10.7983 12.375 12.3933 12.815 13.915L10.615 16.115C9.86333 13.915 9.38667 11.5867 9.22167 9.16667H11.99ZM30.0667 31.2033C31.625 31.6433 33.22 31.9183 34.8333 32.0283V34.76C32.4133 34.595 30.085 34.1183 27.8667 33.385L30.0667 31.2033ZM13.75 5.5H7.33333C6.325 5.5 5.5 6.325 5.5 7.33333C5.5 24.5483 19.4517 38.5 36.6667 38.5C37.675 38.5 38.5 37.675 38.5 36.6667V30.2683C38.5 29.26 37.675 28.435 36.6667 28.435C34.3933 28.435 32.175 28.0683 30.1217 27.39C29.9383 27.3167 29.7367 27.2983 29.5533 27.2983C29.0767 27.2983 28.6183 27.4817 28.2517 27.83L24.2183 31.8633C19.03 29.205 14.7767 24.97 12.1367 19.7817L16.17 15.7483C16.6833 15.235 16.83 14.52 16.6283 13.8783C15.95 11.825 15.5833 9.625 15.5833 7.33333C15.5833 6.325 14.7583 5.5 13.75 5.5Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Phone(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="M11.99 9.16667C12.1 10.7983 12.375 12.3933 12.815 13.915L10.615 16.115C9.86333 13.915 9.38667 11.5867 9.22167 9.16667H11.99ZM30.0667 31.2033C31.625 31.6433 33.22 31.9183 34.8333 32.0283V34.76C32.4133 34.595 30.085 34.1183 27.8667 33.385L30.0667 31.2033ZM13.75 5.5H7.33333C6.325 5.5 5.5 6.325 5.5 7.33333C5.5 24.5483 19.4517 38.5 36.6667 38.5C37.675 38.5 38.5 37.675 38.5 36.6667V30.2683C38.5 29.26 37.675 28.435 36.6667 28.435C34.3933 28.435 32.175 28.0683 30.1217 27.39C29.9383 27.3167 29.7367 27.2983 29.5533 27.2983C29.0767 27.2983 28.6183 27.4817 28.2517 27.83L24.2183 31.8633C19.03 29.205 14.7767 24.97 12.1367 19.7817L16.17 15.7483C16.6833 15.235 16.83 14.52 16.6283 13.8783C15.95 11.825 15.5833 9.625 15.5833 7.33333C15.5833 6.325 14.7583 5.5 13.75 5.5Z"
+        id="Phone"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '32'}
+      height={theme && theme.height ? theme.height : '32'}
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M24.01 19.38C22.78 19.38 21.59 19.18 20.48 18.82C20.13 18.7 19.74 18.79 19.47 19.06L17.9 21.03C15.07 19.68 12.42 17.13 11.01 14.2L12.96 12.54C13.23 12.26 13.31 11.87 13.2 11.52C12.83 10.41 12.64 9.22 12.64 7.99C12.64 7.45 12.19 7 11.65 7H8.19C7.65 7 7 7.24 7 7.99C7 17.28 14.73 25 24.01 25C24.72 25 25 24.37 25 23.82V20.37C25 19.83 24.55 19.38 24.01 19.38Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Phone;

package/src/Presentation/components/UI/svgs/Icons/Actions/PhoneFilled/Phone 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.685 28.1967C34.43 28.1967 32.2483 27.83 30.2133 27.17C29.5717 26.95 28.8567 27.115 28.3617 27.61L25.4833 31.2217C20.295 28.7467 15.4367 24.0717 12.8517 18.7L16.4267 15.6567C16.9217 15.1433 17.0683 14.4283 16.8667 13.7867C16.1883 11.7517 15.84 9.57 15.84 7.315C15.84 6.325 15.015 5.5 14.025 5.5H7.68167C6.69167 5.5 5.5 5.94 5.5 7.315C5.5 24.3467 19.6717 38.5 36.685 38.5C37.9867 38.5 38.5 37.345 38.5 36.3367V30.0117C38.5 29.0217 37.675 28.1967 36.685 28.1967Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function PhoneField(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.685 28.1967C34.43 28.1967 32.2483 27.83 30.2133 27.17C29.5717 26.95 28.8567 27.115 28.3617 27.61L25.4833 31.2217C20.295 28.7467 15.4367 24.0717 12.8517 18.7L16.4267 15.6567C16.9217 15.1433 17.0683 14.4283 16.8667 13.7867C16.1883 11.7517 15.84 9.57 15.84 7.315C15.84 6.325 15.015 5.5 14.025 5.5H7.68167C6.69167 5.5 5.5 5.94 5.5 7.315C5.5 24.3467 19.6717 38.5 36.685 38.5C37.9867 38.5 38.5 37.345 38.5 36.3367V30.0117C38.5 29.0217 37.675 28.1967 36.685 28.1967Z"
+        id="PhoneField"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default PhoneField;

package/src/Presentation/components/UI/svgs/Icons/Actions/Remove/Remove.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="M26.7482 14.6666L21.9998 19.415L17.2515 14.6666L14.6665 17.2516L19.4148 22L14.6665 26.7483L17.2515 29.3333L21.9998 24.585L26.7482 29.3333L29.3332 26.7483L24.5848 22L29.3332 17.2516L26.7482 14.6666ZM21.9998 3.66663C11.8615 3.66663 3.6665 11.8616 3.6665 22C3.6665 32.1383 11.8615 40.3333 21.9998 40.3333C32.1382 40.3333 40.3332 32.1383 40.3332 22C40.3332 11.8616 32.1382 3.66663 21.9998 3.66663ZM21.9998 36.6666C13.9148 36.6666 7.33317 30.085 7.33317 22C7.33317 13.915 13.9148 7.33329 21.9998 7.33329C30.0848 7.33329 36.6665 13.915 36.6665 22C36.6665 30.085 30.0848 36.6666 21.9998 36.6666Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Remove(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="M26.7482 14.6666L21.9998 19.415L17.2515 14.6666L14.6665 17.2516L19.4148 22L14.6665 26.7483L17.2515 29.3333L21.9998 24.585L26.7482 29.3333L29.3332 26.7483L24.5848 22L29.3332 17.2516L26.7482 14.6666ZM21.9998 3.66663C11.8615 3.66663 3.6665 11.8616 3.6665 22C3.6665 32.1383 11.8615 40.3333 21.9998 40.3333C32.1382 40.3333 40.3332 32.1383 40.3332 22C40.3332 11.8616 32.1382 3.66663 21.9998 3.66663ZM21.9998 36.6666C13.9148 36.6666 7.33317 30.085 7.33317 22C7.33317 13.915 13.9148 7.33329 21.9998 7.33329C30.0848 7.33329 36.6665 13.915 36.6665 22C36.6665 30.085 30.0848 36.6666 21.9998 36.6666Z"
+        id="Remove"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Remove;

package/src/Presentation/components/UI/svgs/Icons/Actions/Remove2/Remove2.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="M12.8332 20.1666V23.8333H31.1665V20.1666H12.8332ZM21.9998 3.66663C11.8798 3.66663 3.6665 11.88 3.6665 22C3.6665 32.12 11.8798 40.3333 21.9998 40.3333C32.1198 40.3333 40.3332 32.12 40.3332 22C40.3332 11.88 32.1198 3.66663 21.9998 3.66663ZM21.9998 36.6666C13.9148 36.6666 7.33317 30.085 7.33317 22C7.33317 13.915 13.9148 7.33329 21.9998 7.33329C30.0848 7.33329 36.6665 13.915 36.6665 22C36.6665 30.085 30.0848 36.6666 21.9998 36.6666Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Remove2(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="M12.8332 20.1666V23.8333H31.1665V20.1666H12.8332ZM21.9998 3.66663C11.8798 3.66663 3.6665 11.88 3.6665 22C3.6665 32.12 11.8798 40.3333 21.9998 40.3333C32.1198 40.3333 40.3332 32.12 40.3332 22C40.3332 11.88 32.1198 3.66663 21.9998 3.66663ZM21.9998 36.6666C13.9148 36.6666 7.33317 30.085 7.33317 22C7.33317 13.915 13.9148 7.33329 21.9998 7.33329C30.0848 7.33329 36.6665 13.915 36.6665 22C36.6665 30.085 30.0848 36.6666 21.9998 36.6666Z"
+        id="Remove2"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Remove2;

package/src/Presentation/components/UI/svgs/Icons/Actions/ReplyFilled/Reply 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="M18.3333 15.5833V8.25L5.5 21.0833L18.3333 33.9167V26.4C27.5 26.4 33.9167 29.3333 38.5 35.75C36.6667 26.5833 31.1667 17.4167 18.3333 15.5833Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ReplyField(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="M18.3333 15.5833V8.25L5.5 21.0833L18.3333 33.9167V26.4C27.5 26.4 33.9167 29.3333 38.5 35.75C36.6667 26.5833 31.1667 17.4167 18.3333 15.5833Z"
+        id="ReplyField"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ReplyField;