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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function PrivateChat(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="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"
+        id="PrivateChat"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default PrivateChat;

package/src/Presentation/components/UI/svgs/Icons/Contents/PublicChannel/Public channel.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="M32.9998 20.1667C32.9998 21.395 32.9998 22.605 32.9998 23.8334C35.1998 23.8334 38.0598 23.8334 40.3332 23.8334C40.3332 22.605 40.3332 21.395 40.3332 20.1667C38.0598 20.1667 35.1998 20.1667 32.9998 20.1667Z" fill="#0B121B"/>
+<path d="M29.3332 32.285C31.0932 33.5867 33.3848 35.31 35.1998 36.6667C35.9332 35.695 36.6665 34.705 37.3998 33.7334C35.5848 32.3767 33.2932 30.6534 31.5332 29.3334C30.7998 30.3234 30.0665 31.3134 29.3332 32.285Z" fill="#0B121B"/>
+<path d="M37.3998 10.2667C36.6665 9.29504 35.9332 8.30504 35.1998 7.33337C33.3848 8.69004 31.0932 10.4134 29.3332 11.7334C30.0665 12.705 30.7998 13.695 31.5332 14.6667C33.2932 13.3467 35.5848 11.6417 37.3998 10.2667Z" fill="#0B121B"/>
+<path d="M7.33317 16.5C5.3165 16.5 3.6665 18.15 3.6665 20.1667V23.8334C3.6665 25.85 5.3165 27.5 7.33317 27.5H9.1665V34.8334H12.8332V27.5H14.6665L23.8332 33V11L14.6665 16.5H7.33317ZM16.5548 19.635L20.1665 17.4717V26.5284L16.5548 24.365L15.6748 23.8334H7.33317V20.1667H15.6748L16.5548 19.635Z" fill="#0B121B"/>
+<path d="M28.4165 22C28.4165 19.5617 27.3532 17.3617 25.6665 15.8584V28.1234C27.3532 26.6384 28.4165 24.4384 28.4165 22Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,67 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function PublicChannel(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"
+      id="PublicChannel"
+    >
+      <path
+        d="M32.9998 20.1667C32.9998 21.395 32.9998 22.605 32.9998 23.8334C35.1998 23.8334 38.0598 23.8334 40.3332 23.8334C40.3332 22.605 40.3332 21.395 40.3332 20.1667C38.0598 20.1667 35.1998 20.1667 32.9998 20.1667Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M29.3332 32.285C31.0932 33.5867 33.3848 35.31 35.1998 36.6667C35.9332 35.695 36.6665 34.705 37.3998 33.7334C35.5848 32.3767 33.2932 30.6534 31.5332 29.3334C30.7998 30.3234 30.0665 31.3134 29.3332 32.285Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M37.3998 10.2667C36.6665 9.29504 35.9332 8.30504 35.1998 7.33337C33.3848 8.69004 31.0932 10.4134 29.3332 11.7334C30.0665 12.705 30.7998 13.695 31.5332 14.6667C33.2932 13.3467 35.5848 11.6417 37.3998 10.2667Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M7.33317 16.5C5.3165 16.5 3.6665 18.15 3.6665 20.1667V23.8334C3.6665 25.85 5.3165 27.5 7.33317 27.5H9.1665V34.8334H12.8332V27.5H14.6665L23.8332 33V11L14.6665 16.5H7.33317ZM16.5548 19.635L20.1665 17.4717V26.5284L16.5548 24.365L15.6748 23.8334H7.33317V20.1667H15.6748L16.5548 19.635Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M28.4165 22C28.4165 19.5617 27.3532 17.3617 25.6665 15.8584V28.1234C27.3532 26.6384 28.4165 24.4384 28.4165 22Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '16'}
+      height={theme && theme.height ? theme.height : '16'}
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M11.9999 7.33342C11.9999 7.78008 11.9999 8.22008 11.9999 8.66675C12.7999 8.66675 13.8399 8.66675 14.6666 8.66675C14.6666 8.22008 14.6666 7.78008 14.6666 7.33342C13.8399 7.33342 12.7999 7.33342 11.9999 7.33342Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M10.6666 11.7401C11.3066 12.2134 12.1399 12.8401 12.7999 13.3334C13.0666 12.9801 13.3333 12.6201 13.5999 12.2667C12.9399 11.7734 12.1066 11.1467 11.4666 10.6667C11.1999 11.0267 10.9333 11.3867 10.6666 11.7401Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M13.5999 3.73341C13.3333 3.38008 13.0666 3.02008 12.7999 2.66675C12.1399 3.16008 11.3066 3.78675 10.6666 4.26675C10.9333 4.62008 11.1999 4.98008 11.4666 5.33341C12.1066 4.85341 12.9399 4.23341 13.5999 3.73341Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M2.66662 6.00008C1.93328 6.00008 1.33328 6.60008 1.33328 7.33342V8.66675C1.33328 9.40008 1.93328 10.0001 2.66662 10.0001H3.33328V12.6667H4.66662V10.0001H5.33328L8.66662 12.0001V4.00008L5.33328 6.00008H2.66662ZM6.01995 7.14008L7.33328 6.35341V9.64675L6.01995 8.86008L5.69995 8.66675H2.66662V7.33342H5.69995L6.01995 7.14008Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M10.3333 8.00008C10.3333 7.11341 9.94662 6.31341 9.33328 5.76675V10.2267C9.94662 9.68675 10.3333 8.88675 10.3333 8.00008Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default PublicChannel;

package/src/Presentation/components/UI/svgs/Icons/Contents/Stream/Stream.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="M38.5002 5.5H5.50016C3.4835 5.5 1.8335 7.15 1.8335 9.16667V14.6667H5.50016V9.16667H38.5002V34.8333H25.6668V38.5H38.5002C40.5168 38.5 42.1668 36.85 42.1668 34.8333V9.16667C42.1668 7.15 40.5168 5.5 38.5002 5.5ZM1.8335 33V38.5H7.3335C7.3335 35.4567 4.87683 33 1.8335 33ZM1.8335 25.6667V29.3333C6.8935 29.3333 11.0002 33.44 11.0002 38.5H14.6668C14.6668 31.405 8.9285 25.6667 1.8335 25.6667ZM1.8335 18.3333V22C10.9452 22 18.3335 29.3883 18.3335 38.5H22.0002C22.0002 27.3533 12.9618 18.3333 1.8335 18.3333Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Stream(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="M38.5002 5.5H5.50016C3.4835 5.5 1.8335 7.15 1.8335 9.16667V14.6667H5.50016V9.16667H38.5002V34.8333H25.6668V38.5H38.5002C40.5168 38.5 42.1668 36.85 42.1668 34.8333V9.16667C42.1668 7.15 40.5168 5.5 38.5002 5.5ZM1.8335 33V38.5H7.3335C7.3335 35.4567 4.87683 33 1.8335 33ZM1.8335 25.6667V29.3333C6.8935 29.3333 11.0002 33.44 11.0002 38.5H14.6668C14.6668 31.405 8.9285 25.6667 1.8335 25.6667ZM1.8335 18.3333V22C10.9452 22 18.3335 29.3883 18.3335 38.5H22.0002C22.0002 27.3533 12.9618 18.3333 1.8335 18.3333Z"
+        id="Stream"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Stream;

package/src/Presentation/components/UI/svgs/Icons/Contents/StreamFilled/Stream 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="M1.8335 33V38.5H7.3335C7.3335 35.4567 4.87683 33 1.8335 33ZM1.8335 25.6667V29.3333C6.8935 29.3333 11.0002 33.44 11.0002 38.5H14.6668C14.6668 31.405 8.9285 25.6667 1.8335 25.6667ZM34.8335 12.8333H9.16683V15.8217C16.4268 18.1683 22.1652 23.9067 24.5118 31.1667H34.8335V12.8333ZM1.8335 18.3333V22C10.9452 22 18.3335 29.3883 18.3335 38.5H22.0002C22.0002 27.3533 12.9618 18.3333 1.8335 18.3333ZM38.5002 5.5H5.50016C3.4835 5.5 1.8335 7.15 1.8335 9.16667V14.6667H5.50016V9.16667H38.5002V34.8333H25.6668V38.5H38.5002C40.5168 38.5 42.1668 36.85 42.1668 34.8333V9.16667C42.1668 7.15 40.5168 5.5 38.5002 5.5Z" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function StreamFilled(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="M1.8335 33V38.5H7.3335C7.3335 35.4567 4.87683 33 1.8335 33ZM1.8335 25.6667V29.3333C6.8935 29.3333 11.0002 33.44 11.0002 38.5H14.6668C14.6668 31.405 8.9285 25.6667 1.8335 25.6667ZM34.8335 12.8333H9.16683V15.8217C16.4268 18.1683 22.1652 23.9067 24.5118 31.1667H34.8335V12.8333ZM1.8335 18.3333V22C10.9452 22 18.3335 29.3883 18.3335 38.5H22.0002C22.0002 27.3533 12.9618 18.3333 1.8335 18.3333ZM38.5002 5.5H5.50016C3.4835 5.5 1.8335 7.15 1.8335 9.16667V14.6667H5.50016V9.16667H38.5002V34.8333H25.6668V38.5H38.5002C40.5168 38.5 42.1668 36.85 42.1668 34.8333V9.16667C42.1668 7.15 40.5168 5.5 38.5002 5.5Z"
+        id=""
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default StreamFilled;

package/src/Presentation/components/UI/svgs/Icons/Contents/User/User.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 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" fill="#0B121B"/>
+</svg>

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

@@ -0,0 +1,35 @@
+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/IconsCommonTypes.ts

@@ -0,0 +1,6 @@
+export type IconTheme = {
+  color?: string;
+  width?: string;
+  height?: string;
+  applyZoom?: boolean;
+};

package/src/Presentation/components/UI/svgs/Icons/Media/Attachment/Attachment.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.9635 19.4074L20.0553 34.3156C17.1903 37.1805 12.5494 37.1805 9.6844 34.3156C6.81944 31.4506 6.81944 26.8096 9.6844 23.9447L25.8889 7.74014C27.6779 5.95117 30.5818 5.95116 32.3707 7.74014C34.1597 9.52912 34.1597 12.433 32.3707 14.222L18.7589 27.8338C18.0459 28.5468 16.8792 28.5468 16.1662 27.8338C15.4532 27.1208 15.4532 25.954 16.1662 25.241L28.4817 12.9256L26.5371 10.9811L14.2217 23.2965C12.4327 25.0855 12.4327 27.9893 14.2217 29.7783C16.0106 31.5673 18.9145 31.5673 20.7035 29.7783L34.3153 16.1665C37.1802 13.3015 37.1802 8.66056 34.3153 5.7956C31.4503 2.93064 26.8093 2.93064 23.9444 5.7956L7.73986 22.0001C3.79891 25.9411 3.79891 32.3192 7.73986 36.2601C11.6808 40.2011 18.0589 40.2011 21.9998 36.2601L36.908 21.3519L34.9635 19.4074Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/Attachment/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function AttachmentIcon(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.9635 19.4074L20.0553 34.3156C17.1903 37.1805 12.5494 37.1805 9.6844 34.3156C6.81944 31.4506 6.81944 26.8096 9.6844 23.9447L25.8889 7.74014C27.6779 5.95117 30.5818 5.95116 32.3707 7.74014C34.1597 9.52912 34.1597 12.433 32.3707 14.222L18.7589 27.8338C18.0459 28.5468 16.8792 28.5468 16.1662 27.8338C15.4532 27.1208 15.4532 25.954 16.1662 25.241L28.4817 12.9256L26.5371 10.9811L14.2217 23.2965C12.4327 25.0855 12.4327 27.9893 14.2217 29.7783C16.0106 31.5673 18.9145 31.5673 20.7035 29.7783L34.3153 16.1665C37.1802 13.3015 37.1802 8.66056 34.3153 5.7956C31.4503 2.93064 26.8093 2.93064 23.9444 5.7956L7.73986 22.0001C3.79891 25.9411 3.79891 32.3192 7.73986 36.2601C11.6808 40.2011 18.0589 40.2011 21.9998 36.2601L36.908 21.3519L34.9635 19.4074Z"
+        id="Attachment"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default AttachmentIcon;

package/src/Presentation/components/UI/svgs/Icons/Media/AudioFile/Audio file.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.375 21.9999C34.375 18.7549 32.505 15.9683 29.7917 14.6116V29.3699C32.505 28.0316 34.375 25.2449 34.375 21.9999ZM9.625 16.4999V27.4999H16.9583L26.125 36.6666V7.33325L16.9583 16.4999H9.625Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/AudioFile/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function AudioFile(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.375 21.9999C34.375 18.7549 32.505 15.9683 29.7917 14.6116V29.3699C32.505 28.0316 34.375 25.2449 34.375 21.9999ZM9.625 16.4999V27.4999H16.9583L26.125 36.6666V7.33325L16.9583 16.4999H9.625Z"
+        id="AudioFile"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default AudioFile;

package/src/Presentation/components/UI/svgs/Icons/Media/BrokenFile/Broken file.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="M41.4426 38.8576L5.14262 2.55762L2.55762 5.14262L6.79262 9.39595V33.5409C6.79262 35.5576 8.44262 37.2076 10.4593 37.2076H34.6043L38.8393 41.4426L41.4426 38.8576ZM10.4593 33.5409V13.0626L22.9993 25.6026L21.4593 27.5276L17.7926 22.5409L12.2926 29.8743H27.2709L30.9376 33.5409H10.4593ZM15.6476 7.87428L11.9809 4.20762H36.1259C38.1426 4.20762 39.7926 5.85762 39.7926 7.87428V32.0193L36.1259 28.3526V7.87428H15.6476Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/BrokenFile/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function BrokenFile(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="M41.4426 38.8576L5.14262 2.55762L2.55762 5.14262L6.79262 9.39595V33.5409C6.79262 35.5576 8.44262 37.2076 10.4593 37.2076H34.6043L38.8393 41.4426L41.4426 38.8576ZM10.4593 33.5409V13.0626L22.9993 25.6026L21.4593 27.5276L17.7926 22.5409L12.2926 29.8743H27.2709L30.9376 33.5409H10.4593ZM15.6476 7.87428L11.9809 4.20762H36.1259C38.1426 4.20762 39.7926 5.85762 39.7926 7.87428V32.0193L36.1259 28.3526V7.87428H15.6476Z"
+        id="BrokenFile"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default BrokenFile;

package/src/Presentation/components/UI/svgs/Icons/Media/Camera/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="M37.6667 9.16667H31.8551L28.5001 5.5H17.5001L14.1451 9.16667H8.33341C6.31675 9.16667 4.66675 10.8167 4.66675 12.8333V34.8333C4.66675 36.85 6.31675 38.5 8.33341 38.5H37.6667C39.6834 38.5 41.3334 36.85 41.3334 34.8333V12.8333C41.3334 10.8167 39.6834 9.16667 37.6667 9.16667ZM37.6667 34.8333H8.33341V12.8333H15.7584L16.8401 11.6417L19.1134 9.16667H26.8867L29.1601 11.6417L30.2417 12.8333H37.6667V34.8333ZM23.0001 14.6667C17.9401 14.6667 13.8334 18.7733 13.8334 23.8333C13.8334 28.8933 17.9401 33 23.0001 33C28.0601 33 32.1667 28.8933 32.1667 23.8333C32.1667 18.7733 28.0601 14.6667 23.0001 14.6667ZM23.0001 29.7C19.7551 29.7 17.1334 27.0783 17.1334 23.8333C17.1334 20.5883 19.7551 17.9667 23.0001 17.9667C26.2451 17.9667 28.8667 20.5883 28.8667 23.8333C28.8667 27.0783 26.2451 29.7 23.0001 29.7Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/Camera/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Camera(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.6667 9.16667H31.8551L28.5001 5.5H17.5001L14.1451 9.16667H8.33341C6.31675 9.16667 4.66675 10.8167 4.66675 12.8333V34.8333C4.66675 36.85 6.31675 38.5 8.33341 38.5H37.6667C39.6834 38.5 41.3334 36.85 41.3334 34.8333V12.8333C41.3334 10.8167 39.6834 9.16667 37.6667 9.16667ZM37.6667 34.8333H8.33341V12.8333H15.7584L16.8401 11.6417L19.1134 9.16667H26.8867L29.1601 11.6417L30.2417 12.8333H37.6667V34.8333ZM23.0001 14.6667C17.9401 14.6667 13.8334 18.7733 13.8334 23.8333C13.8334 28.8933 17.9401 33 23.0001 33C28.0601 33 32.1667 28.8933 32.1667 23.8333C32.1667 18.7733 28.0601 14.6667 23.0001 14.6667ZM23.0001 29.7C19.7551 29.7 17.1334 27.0783 17.1334 23.8333C17.1334 20.5883 19.7551 17.9667 23.0001 17.9667C26.2451 17.9667 28.8667 20.5883 28.8667 23.8333C28.8667 27.0783 26.2451 29.7 23.0001 29.7Z"
+        id="Camera"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Camera;

package/src/Presentation/components/UI/svgs/Icons/Media/GifFile/GIF file.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="M20.6429 14H24.7143V30.2857H20.6429V14ZM13.8571 14H5.71429C4.08571 14 3 15.3571 3 16.7143V27.5714C3 28.9286 4.08571 30.2857 5.71429 30.2857H13.8571C15.4857 30.2857 16.5714 28.9286 16.5714 27.5714V22.1429H12.5V26.2143H7.07143V18.0714H16.5714V16.7143C16.5714 15.3571 15.4857 14 13.8571 14ZM41 18.0714V14H28.7857V30.2857H32.8571V24.8571H38.2857V20.7857H32.8571V18.0714H41Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/GifFile/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function GifFile(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="M20.6429 14H24.7143V30.2857H20.6429V14ZM13.8571 14H5.71429C4.08571 14 3 15.3571 3 16.7143V27.5714C3 28.9286 4.08571 30.2857 5.71429 30.2857H13.8571C15.4857 30.2857 16.5714 28.9286 16.5714 27.5714V22.1429H12.5V26.2143H7.07143V18.0714H16.5714V16.7143C16.5714 15.3571 15.4857 14 13.8571 14ZM41 18.0714V14H28.7857V30.2857H32.8571V24.8571H38.2857V20.7857H32.8571V18.0714H41Z"
+        id="GifFile"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default GifFile;

package/src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/Image.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 9.16667V34.8333H9.16667V9.16667H34.8333ZM34.8333 5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V9.16667C38.5 7.15 36.85 5.5 34.8333 5.5ZM25.9233 21.7433L20.4233 28.8383L16.5 24.09L11 31.1667H33L25.9233 21.7433Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/ImageEmpty/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ImageEmpty(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 9.16667V34.8333H9.16667V9.16667H34.8333ZM34.8333 5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V9.16667C38.5 7.15 36.85 5.5 34.8333 5.5ZM25.9233 21.7433L20.4233 28.8383L16.5 24.09L11 31.1667H33L25.9233 21.7433Z"
+        id="Image"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ImageEmpty;

package/src/Presentation/components/UI/svgs/Icons/Media/ImageFile/File.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="M14.6666 29.3334H29.3333V33.0001H14.6666V29.3334ZM14.6666 22.0001H29.3333V25.6667H14.6666V22.0001ZM25.6666 3.66675H10.9999C8.98325 3.66675 7.33325 5.31675 7.33325 7.33341V36.6667C7.33325 38.6834 8.96492 40.3334 10.9816 40.3334H32.9999C35.0166 40.3334 36.6666 38.6834 36.6666 36.6667V14.6667L25.6666 3.66675ZM32.9999 36.6667H10.9999V7.33341H23.8333V16.5001H32.9999V36.6667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/ImageFile/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ImageFile(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="M14.6666 29.3334H29.3333V33.0001H14.6666V29.3334ZM14.6666 22.0001H29.3333V25.6667H14.6666V22.0001ZM25.6666 3.66675H10.9999C8.98325 3.66675 7.33325 5.31675 7.33325 7.33341V36.6667C7.33325 38.6834 8.96492 40.3334 10.9816 40.3334H32.9999C35.0166 40.3334 36.6666 38.6834 36.6666 36.6667V14.6667L25.6666 3.66675ZM32.9999 36.6667H10.9999V7.33341H23.8333V16.5001H32.9999V36.6667Z"
+        id="File"
+        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="M13.3337 5.33337H8.00033C7.26699 5.33337 6.67366 5.93337 6.67366 6.66671L6.66699 17.3334C6.66699 18.0667 7.26033 18.6667 7.99366 18.6667H16.0003C16.7337 18.6667 17.3337 18.0667 17.3337 17.3334V9.33337L13.3337 5.33337ZM14.667 16H9.33366V14.6667H14.667V16ZM14.667 13.3334H9.33366V12H14.667V13.3334ZM12.667 10V6.33337L16.3337 10H12.667Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ImageFile;

package/src/Presentation/components/UI/svgs/Icons/Media/ImageFilled/Image 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="M38.5 34.8333V9.16667C38.5 7.15 36.85 5.5 34.8333 5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333ZM15.5833 24.75L20.1667 30.2683L26.5833 22L34.8333 33H9.16667L15.5833 24.75Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/ImageFilled/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function ImageFilled(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="M38.5 34.8333V9.16667C38.5 7.15 36.85 5.5 34.8333 5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333ZM15.5833 24.75L20.1667 30.2683L26.5833 22L34.8333 33H9.16667L15.5833 24.75Z"
+        id="ImageFilled"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default ImageFilled;

package/src/Presentation/components/UI/svgs/Icons/Media/LinkWeb/Link.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.66675C11.8617 3.66675 3.66675 11.8801 3.66675 22.0001C3.66675 32.1201 11.8617 40.3334 21.9817 40.3334C32.1201 40.3334 40.3334 32.1201 40.3334 22.0001C40.3334 11.8801 32.1201 3.66675 21.9817 3.66675ZM34.6867 14.6667H29.2784C28.6917 12.3751 27.8484 10.1751 26.7484 8.14008C30.1217 9.29508 32.9267 11.6417 34.6867 14.6667ZM22.0001 7.40675C23.5217 9.60675 24.7134 12.0451 25.5017 14.6667H18.4984C19.2867 12.0451 20.4784 9.60675 22.0001 7.40675ZM7.81008 25.6667C7.51675 24.4934 7.33341 23.2651 7.33341 22.0001C7.33341 20.7351 7.51675 19.5067 7.81008 18.3334H14.0067C13.8601 19.5434 13.7501 20.7534 13.7501 22.0001C13.7501 23.2467 13.8601 24.4567 14.0067 25.6667H7.81008ZM9.31341 29.3334H14.7217C15.3084 31.6251 16.1517 33.8251 17.2517 35.8601C13.8784 34.7051 11.0734 32.3767 9.31341 29.3334ZM14.7217 14.6667H9.31341C11.0734 11.6234 13.8784 9.29508 17.2517 8.14008C16.1517 10.1751 15.3084 12.3751 14.7217 14.6667ZM22.0001 36.5934C20.4784 34.3934 19.2867 31.9551 18.4984 29.3334H25.5017C24.7134 31.9551 23.5217 34.3934 22.0001 36.5934ZM26.2901 25.6667H17.7101C17.5451 24.4567 17.4167 23.2467 17.4167 22.0001C17.4167 20.7534 17.5451 19.5251 17.7101 18.3334H26.2901C26.4551 19.5251 26.5834 20.7534 26.5834 22.0001C26.5834 23.2467 26.4551 24.4567 26.2901 25.6667ZM26.7484 35.8601C27.8484 33.8251 28.6917 31.6251 29.2784 29.3334H34.6867C32.9267 32.3584 30.1217 34.7051 26.7484 35.8601ZM29.9934 25.6667C30.1401 24.4567 30.2501 23.2467 30.2501 22.0001C30.2501 20.7534 30.1401 19.5434 29.9934 18.3334H36.1901C36.4834 19.5067 36.6667 20.7351 36.6667 22.0001C36.6667 23.2651 36.4834 24.4934 36.1901 25.6667H29.9934Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/LinkWeb/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function LinkWeb(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.66675C11.8617 3.66675 3.66675 11.8801 3.66675 22.0001C3.66675 32.1201 11.8617 40.3334 21.9817 40.3334C32.1201 40.3334 40.3334 32.1201 40.3334 22.0001C40.3334 11.8801 32.1201 3.66675 21.9817 3.66675ZM34.6867 14.6667H29.2784C28.6917 12.3751 27.8484 10.1751 26.7484 8.14008C30.1217 9.29508 32.9267 11.6417 34.6867 14.6667ZM22.0001 7.40675C23.5217 9.60675 24.7134 12.0451 25.5017 14.6667H18.4984C19.2867 12.0451 20.4784 9.60675 22.0001 7.40675ZM7.81008 25.6667C7.51675 24.4934 7.33341 23.2651 7.33341 22.0001C7.33341 20.7351 7.51675 19.5067 7.81008 18.3334H14.0067C13.8601 19.5434 13.7501 20.7534 13.7501 22.0001C13.7501 23.2467 13.8601 24.4567 14.0067 25.6667H7.81008ZM9.31341 29.3334H14.7217C15.3084 31.6251 16.1517 33.8251 17.2517 35.8601C13.8784 34.7051 11.0734 32.3767 9.31341 29.3334ZM14.7217 14.6667H9.31341C11.0734 11.6234 13.8784 9.29508 17.2517 8.14008C16.1517 10.1751 15.3084 12.3751 14.7217 14.6667ZM22.0001 36.5934C20.4784 34.3934 19.2867 31.9551 18.4984 29.3334H25.5017C24.7134 31.9551 23.5217 34.3934 22.0001 36.5934ZM26.2901 25.6667H17.7101C17.5451 24.4567 17.4167 23.2467 17.4167 22.0001C17.4167 20.7534 17.5451 19.5251 17.7101 18.3334H26.2901C26.4551 19.5251 26.5834 20.7534 26.5834 22.0001C26.5834 23.2467 26.4551 24.4567 26.2901 25.6667ZM26.7484 35.8601C27.8484 33.8251 28.6917 31.6251 29.2784 29.3334H34.6867C32.9267 32.3584 30.1217 34.7051 26.7484 35.8601ZM29.9934 25.6667C30.1401 24.4567 30.2501 23.2467 30.2501 22.0001C30.2501 20.7534 30.1401 19.5434 29.9934 18.3334H36.1901C36.4834 19.5067 36.6667 20.7351 36.6667 22.0001C36.6667 23.2651 36.4834 24.4934 36.1901 25.6667H29.9934Z"
+        id="Link"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default LinkWeb;

package/src/Presentation/components/UI/svgs/Icons/Media/Location/Location.svg

@@ -0,0 +1,4 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0001 3.66675C14.9051 3.66675 9.16675 9.40508 9.16675 16.5001C9.16675 26.1251 22.0001 40.3334 22.0001 40.3334C22.0001 40.3334 34.8334 26.1251 34.8334 16.5001C34.8334 9.40508 29.0951 3.66675 22.0001 3.66675ZM12.8334 16.5001C12.8334 11.4401 16.9401 7.33341 22.0001 7.33341C27.0601 7.33341 31.1667 11.4401 31.1667 16.5001C31.1667 21.7801 25.8867 29.6817 22.0001 34.6134C18.1867 29.7184 12.8334 21.7251 12.8334 16.5001Z" fill="#0B121B"/>
+<path d="M22.0001 21.0834C24.5314 21.0834 26.5834 19.0314 26.5834 16.5001C26.5834 13.9688 24.5314 11.9167 22.0001 11.9167C19.4688 11.9167 17.4167 13.9688 17.4167 16.5001C17.4167 19.0314 19.4688 21.0834 22.0001 21.0834Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/Location/index.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function Location(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="Location"
+    >
+      <path
+        d="M22.0001 3.66675C14.9051 3.66675 9.16675 9.40508 9.16675 16.5001C9.16675 26.1251 22.0001 40.3334 22.0001 40.3334C22.0001 40.3334 34.8334 26.1251 34.8334 16.5001C34.8334 9.40508 29.0951 3.66675 22.0001 3.66675ZM12.8334 16.5001C12.8334 11.4401 16.9401 7.33341 22.0001 7.33341C27.0601 7.33341 31.1667 11.4401 31.1667 16.5001C31.1667 21.7801 25.8867 29.6817 22.0001 34.6134C18.1867 29.7184 12.8334 21.7251 12.8334 16.5001Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+      <path
+        d="M22.0001 21.0834C24.5314 21.0834 26.5834 19.0314 26.5834 16.5001C26.5834 13.9688 24.5314 11.9167 22.0001 11.9167C19.4688 11.9167 17.4167 13.9688 17.4167 16.5001C17.4167 19.0314 19.4688 21.0834 22.0001 21.0834Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default Location;

package/src/Presentation/components/UI/svgs/Icons/Media/TextDocument/Text document.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="M25.6668 3.66675H11.0002C8.9835 3.66675 7.35183 5.31675 7.35183 7.33341L7.3335 36.6667C7.3335 38.6834 8.96516 40.3334 10.9818 40.3334H33.0002C35.0168 40.3334 36.6668 38.6834 36.6668 36.6667V14.6667L25.6668 3.66675ZM29.3335 33.0001H14.6668V29.3334H29.3335V33.0001ZM29.3335 25.6667H14.6668V22.0001H29.3335V25.6667ZM23.8335 16.5001V6.41675L33.9168 16.5001H23.8335Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/TextDocument/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function TextDocument(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="M25.6668 3.66675H11.0002C8.9835 3.66675 7.35183 5.31675 7.35183 7.33341L7.3335 36.6667C7.3335 38.6834 8.96516 40.3334 10.9818 40.3334H33.0002C35.0168 40.3334 36.6668 38.6834 36.6668 36.6667V14.6667L25.6668 3.66675ZM29.3335 33.0001H14.6668V29.3334H29.3335V33.0001ZM29.3335 25.6667H14.6668V22.0001H29.3335V25.6667ZM23.8335 16.5001V6.41675L33.9168 16.5001H23.8335Z"
+        id="TextDocument"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default TextDocument;

package/src/Presentation/components/UI/svgs/Icons/Media/Translate/Translate.svg

@@ -0,0 +1,3 @@
+<svg width="46" height="44" viewBox="0 0 46 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.74 30.14L20.66 25.12L20.72 25.06C24.2 21.18 26.68 16.72 28.14 12H34V8H20V4H16V8H2V11.98H24.34C23 15.84 20.88 19.5 18 22.7C16.14 20.64 14.6 18.38 13.38 16H9.38C10.84 19.26 12.84 22.34 15.34 25.12L5.16 35.16L8 38L18 28L24.22 34.22L25.74 30.14ZM37 20H33L24 44H28L30.24 38H39.74L42 44H46L37 20ZM31.76 34L35 25.34L38.24 34H31.76Z" fill="black"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Media/Translate/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+
+function TranslateIcon(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '16'}
+      height={theme && theme.height ? theme.height : '16'}
+      viewBox="0 0 16 16"
+      fill="none"
+    >
+      <path
+        id="TranslateIcon"
+        d="M9.36002 10.9596L7.51275 9.1341L7.53457 9.11228C8.80002 7.70137 9.70184 6.07956 10.2327 4.36319H12.3637V2.90865H7.27275V1.4541H5.8182V2.90865H0.727295V4.35592H8.85093C8.36366 5.75956 7.59275 7.09047 6.54548 8.2541C5.86911 7.50501 5.30911 6.68319 4.86548 5.81774H3.41093C3.94184 7.00319 4.66911 8.12319 5.5782 9.1341L1.87639 12.785L2.90911 13.8177L6.54548 10.1814L8.80729 12.4432L9.36002 10.9596ZM13.4546 7.27228H12L8.72729 15.9996H10.1818L10.9964 13.8177H14.4509L15.2727 15.9996H16.7273L13.4546 7.27228ZM11.5491 12.3632L12.7273 9.2141L13.9055 12.3632H11.5491Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '17'}
+      height={theme && theme.height ? theme.height : '16'}
+      viewBox="0 0 17 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        id="TranslateIcon"
+        d="M9.36002 10.9596L7.51275 9.1341L7.53457 9.11228C8.80002 7.70137 9.70184 6.07956 10.2327 4.36319H12.3637V2.90865H7.27275V1.4541H5.8182V2.90865H0.727295V4.35592H8.85093C8.36366 5.75956 7.59275 7.09047 6.54548 8.2541C5.86911 7.50501 5.30911 6.68319 4.86548 5.81774H3.41093C3.94184 7.00319 4.66911 8.12319 5.5782 9.1341L1.87639 12.785L2.90911 13.8177L6.54548 10.1814L8.80729 12.4432L9.36002 10.9596ZM13.4546 7.27228H12L8.72729 15.9996H10.1818L10.9964 13.8177H14.4509L15.2727 15.9996H16.7273L13.4546 7.27228ZM11.5491 12.3632L12.7273 9.2141L13.9055 12.3632H11.5491Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+
+export default TranslateIcon;

package/src/Presentation/components/UI/svgs/Icons/Media/VideoFile/Video file.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.0001 7.33325L36.6667 14.6666H31.1667L27.5001 7.33325H23.8334L27.5001 14.6666H22.0001L18.3334 7.33325H14.6667L18.3334 14.6666H12.8334L9.16675 7.33325H7.33341C5.31675 7.33325 3.68508 8.98325 3.68508 10.9999L3.66675 32.9999C3.66675 35.0166 5.31675 36.6666 7.33341 36.6666H36.6667C38.6834 36.6666 40.3334 35.0166 40.3334 32.9999V7.33325H33.0001Z" fill="#0B121B"/>
+</svg>