quickblox-react-ui-kit 0.2.4 → 0.2.6-patch

package/src/Presentation/components/UI/svgs/Icons/Toggle/CheckOn/Check on.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M34.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.5ZM30.3967 13.8967L32.9817 16.5L18.315 31.1667L10.9817 23.8517L13.585 21.2667L18.315 25.9783L30.3967 13.8967Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/CheckOn/index.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function CheckOn(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
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M34.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.5ZM30.3967 13.8967L32.9817 16.5L18.315 31.1667L10.9817 23.8517L13.585 21.2667L18.315 25.9783L30.3967 13.8967Z"
-        id="CheckOn"
-        fill="var(--color-icon)"
-      />
-    </svg>
-  );
-}
-
-export default CheckOn;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Favourite/Favourite.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M40.3334 17.8566L27.1517 16.7199L22.0001 4.58325L16.8484 16.7383L3.66675 17.8566L13.6767 26.5283L10.6701 39.4166L22.0001 32.5783L33.3301 39.4166L30.3417 26.5283L40.3334 17.8566ZM22.0001 29.1499L15.1067 33.3116L16.9401 25.4649L10.8534 20.1849L18.8834 19.4883L22.0001 12.0999L25.1351 19.5066L33.1651 20.2033L27.0784 25.4833L28.9117 33.3299L22.0001 29.1499Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Favourite/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Favourite(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 17.8566L27.1517 16.7199L22.0001 4.58325L16.8484 16.7383L3.66675 17.8566L13.6767 26.5283L10.6701 39.4166L22.0001 32.5783L33.3301 39.4166L30.3417 26.5283L40.3334 17.8566ZM22.0001 29.1499L15.1067 33.3116L16.9401 25.4649L10.8534 20.1849L18.8834 19.4883L22.0001 12.0999L25.1351 19.5066L33.1651 20.2033L27.0784 25.4833L28.9117 33.3299L22.0001 29.1499Z"
-        id="Favourite"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Favourite;

package/src/Presentation/components/UI/svgs/Icons/Toggle/FavouriteFilled/Favourite filled.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.9998 32.5783L33.3298 39.4166L30.3232 26.5283L40.3332 17.8566L27.1515 16.7383L21.9998 4.58325L16.8482 16.7383L3.6665 17.8566L13.6765 26.5283L10.6698 39.4166L21.9998 32.5783Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/FavouriteFilled/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function FavouriteFilled(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.9998 32.5783L33.3298 39.4166L30.3232 26.5283L40.3332 17.8566L27.1515 16.7383L21.9998 4.58325L16.8482 16.7383L3.6665 17.8566L13.6765 26.5283L10.6698 39.4166L21.9998 32.5783Z"
-        id="FavouriteFilled"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default FavouriteFilled;

package/src/Presentation/components/UI/svgs/Icons/Toggle/FullScreen/Full screen.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M27.5 5.5L31.7167 9.71667L26.4183 14.9783L29.0217 17.5817L34.2833 12.2833L38.5 16.5V5.5H27.5ZM5.5 16.5L9.71667 12.2833L14.9783 17.5817L17.5817 14.9783L12.2833 9.71667L16.5 5.5H5.5V16.5ZM16.5 38.5L12.2833 34.2833L17.5817 29.0217L14.9783 26.4183L9.71667 31.7167L5.5 27.5V38.5H16.5ZM38.5 27.5L34.2833 31.7167L29.0217 26.4183L26.4183 29.0217L31.7167 34.2833L27.5 38.5H38.5V27.5Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/FullScreen/inex.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function FullScreen(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 5.5L31.7167 9.71667L26.4183 14.9783L29.0217 17.5817L34.2833 12.2833L38.5 16.5V5.5H27.5ZM5.5 16.5L9.71667 12.2833L14.9783 17.5817L17.5817 14.9783L12.2833 9.71667L16.5 5.5H5.5V16.5ZM16.5 38.5L12.2833 34.2833L17.5817 29.0217L14.9783 26.4183L9.71667 31.7167L5.5 27.5V38.5H16.5ZM38.5 27.5L34.2833 31.7167L29.0217 26.4183L26.4183 29.0217L31.7167 34.2833L27.5 38.5H38.5V27.5Z"
-        id="FullScreen"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default FullScreen;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Hide/Hide.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.009 11.9166C27.069 11.9166 31.1756 16.0233 31.1756 21.0833C31.1756 22.2749 30.9373 23.3933 30.5156 24.4383L35.869 29.7916C38.6373 27.4816 40.819 24.4933 42.1573 21.0833C38.9856 13.0349 31.1573 7.33325 21.9906 7.33325C19.424 7.33325 16.9673 7.79159 14.694 8.61659L18.654 12.5766C19.699 12.1549 20.8173 11.9166 22.009 11.9166ZM3.67562 6.91159L8.69895 11.9349C5.65562 14.2999 3.27229 17.4533 1.84229 21.0833C5.01395 29.1316 12.8423 34.8333 22.009 34.8333C24.8506 34.8333 27.564 34.2833 30.039 33.2933L30.809 34.0633L36.1806 39.4166L38.509 37.0883L6.00395 4.58325L3.67562 6.91159ZM13.814 17.0499L16.6556 19.8916C16.564 20.2766 16.509 20.6799 16.509 21.0833C16.509 24.1266 18.9656 26.5833 22.009 26.5833C22.4123 26.5833 22.8156 26.5283 23.2006 26.4366L26.0423 29.2783C24.814 29.8833 23.4573 30.2499 22.009 30.2499C16.949 30.2499 12.8423 26.1433 12.8423 21.0833C12.8423 19.6349 13.209 18.2783 13.814 17.0499ZM21.7156 15.6199L27.4906 21.3949L27.5273 21.1016C27.5273 18.0583 25.0706 15.6016 22.0273 15.6016L21.7156 15.6199Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Hide/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Hide(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.009 11.9166C27.069 11.9166 31.1756 16.0233 31.1756 21.0833C31.1756 22.2749 30.9373 23.3933 30.5156 24.4383L35.869 29.7916C38.6373 27.4816 40.819 24.4933 42.1573 21.0833C38.9856 13.0349 31.1573 7.33325 21.9906 7.33325C19.424 7.33325 16.9673 7.79159 14.694 8.61659L18.654 12.5766C19.699 12.1549 20.8173 11.9166 22.009 11.9166ZM3.67562 6.91159L8.69895 11.9349C5.65562 14.2999 3.27229 17.4533 1.84229 21.0833C5.01395 29.1316 12.8423 34.8333 22.009 34.8333C24.8506 34.8333 27.564 34.2833 30.039 33.2933L30.809 34.0633L36.1806 39.4166L38.509 37.0883L6.00395 4.58325L3.67562 6.91159ZM13.814 17.0499L16.6556 19.8916C16.564 20.2766 16.509 20.6799 16.509 21.0833C16.509 24.1266 18.9656 26.5833 22.009 26.5833C22.4123 26.5833 22.8156 26.5283 23.2006 26.4366L26.0423 29.2783C24.814 29.8833 23.4573 30.2499 22.009 30.2499C16.949 30.2499 12.8423 26.1433 12.8423 21.0833C12.8423 19.6349 13.209 18.2783 13.814 17.0499ZM21.7156 15.6199L27.4906 21.3949L27.5273 21.1016C27.5273 18.0583 25.0706 15.6016 22.0273 15.6016L21.7156 15.6199Z"
-        id="Hide"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Hide;

package/src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/Play.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.9165 9.16675V34.8334L33.0832 22.0001L12.9165 9.16675Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/ImagePlay/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function ImagePlay(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.9165 9.16675V34.8334L33.0832 22.0001L12.9165 9.16675Z"
-        id="Play"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default ImagePlay;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Louder/Louder.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 16.5V27.5H12.8333L22 36.6666V7.3333L12.8333 16.5H5.5ZM18.3333 16.1883V27.8116L14.355 23.8333H9.16667V20.1666H14.355L18.3333 16.1883ZM30.25 22C30.25 18.755 28.38 15.9683 25.6667 14.6116V29.37C28.38 28.0316 30.25 25.245 30.25 22ZM25.6667 5.92163V9.6983C30.965 11.275 34.8333 16.1883 34.8333 22C34.8333 27.8116 30.965 32.725 25.6667 34.3016V38.0783C33.0183 36.41 38.5 29.8466 38.5 22C38.5 14.1533 33.0183 7.58996 25.6667 5.92163Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Louder/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Louder(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.5 16.5V27.5H12.8333L22 36.6666V7.3333L12.8333 16.5H5.5ZM18.3333 16.1883V27.8116L14.355 23.8333H9.16667V20.1666H14.355L18.3333 16.1883ZM30.25 22C30.25 18.755 28.38 15.9683 25.6667 14.6116V29.37C28.38 28.0316 30.25 25.245 30.25 22ZM25.6667 5.92163V9.6983C30.965 11.275 34.8333 16.1883 34.8333 22C34.8333 27.8116 30.965 32.725 25.6667 34.3016V38.0783C33.0183 36.41 38.5 29.8466 38.5 22C38.5 14.1533 33.0183 7.58996 25.6667 5.92163Z"
-        id="Louder"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Louder;

package/src/Presentation/components/UI/svgs/Icons/Toggle/MicOff/Mic off.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M34.8333 21.0833H31.7167C31.7167 22.4399 31.4233 23.7049 30.9283 24.8416L33.1833 27.0966C34.21 25.2999 34.8333 23.2649 34.8333 21.0833ZM27.4633 21.3949C27.4633 21.2849 27.5 21.1933 27.5 21.0833V10.0833C27.5 7.03992 25.0433 4.58325 22 4.58325C18.9567 4.58325 16.5 7.03992 16.5 10.0833V10.4133L27.4633 21.3949ZM7.82833 6.41659L5.5 8.74492L16.5183 19.7633V21.0833C16.5183 24.1266 18.9567 26.5833 22 26.5833C22.4033 26.5833 22.8067 26.5283 23.1917 26.4366L26.235 29.4799C24.9333 30.0849 23.485 30.4333 22 30.4333C16.94 30.4333 12.2833 26.5833 12.2833 21.0833H9.16667C9.16667 27.3349 14.1533 32.5049 20.1667 33.4033V39.4166H23.8333V33.4033C25.5017 33.1649 27.0783 32.5783 28.49 31.7533L36.1717 39.4166L38.5 37.0883L7.82833 6.41659Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/MicOff/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function MicOff(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 21.0833H31.7167C31.7167 22.4399 31.4233 23.7049 30.9283 24.8416L33.1833 27.0966C34.21 25.2999 34.8333 23.2649 34.8333 21.0833ZM27.4633 21.3949C27.4633 21.2849 27.5 21.1933 27.5 21.0833V10.0833C27.5 7.03992 25.0433 4.58325 22 4.58325C18.9567 4.58325 16.5 7.03992 16.5 10.0833V10.4133L27.4633 21.3949ZM7.82833 6.41659L5.5 8.74492L16.5183 19.7633V21.0833C16.5183 24.1266 18.9567 26.5833 22 26.5833C22.4033 26.5833 22.8067 26.5283 23.1917 26.4366L26.235 29.4799C24.9333 30.0849 23.485 30.4333 22 30.4333C16.94 30.4333 12.2833 26.5833 12.2833 21.0833H9.16667C9.16667 27.3349 14.1533 32.5049 20.1667 33.4033V39.4166H23.8333V33.4033C25.5017 33.1649 27.0783 32.5783 28.49 31.7533L36.1717 39.4166L38.5 37.0883L7.82833 6.41659Z"
-        id="MicOff"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default MicOff;

package/src/Presentation/components/UI/svgs/Icons/Toggle/MicOn/Mic on.svg

@@ -1,4 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.0001 26.5833C25.0434 26.5833 27.5001 24.1266 27.5001 21.0833V10.0833C27.5001 7.03992 25.0434 4.58325 22.0001 4.58325C18.9567 4.58325 16.5001 7.03992 16.5001 10.0833V21.0833C16.5001 24.1266 18.9567 26.5833 22.0001 26.5833Z" fill="#0B121B"/>
-<path d="M31.1667 21.0833C31.1667 26.1433 27.0601 30.2499 22.0001 30.2499C16.9401 30.2499 12.8334 26.1433 12.8334 21.0833H9.16675C9.16675 27.5549 13.9517 32.8716 20.1667 33.7699V39.4166H23.8334V33.7699C30.0484 32.8716 34.8334 27.5549 34.8334 21.0833H31.1667Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/MicOn/index.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function MicOn(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="MicOn"
-    >
-      <path
-        d="M22.0001 26.5833C25.0434 26.5833 27.5001 24.1266 27.5001 21.0833V10.0833C27.5001 7.03992 25.0434 4.58325 22.0001 4.58325C18.9567 4.58325 16.5001 7.03992 16.5001 10.0833V21.0833C16.5001 24.1266 18.9567 26.5833 22.0001 26.5833Z"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-      <path
-        d="M31.1667 21.0833C31.1667 26.1433 27.0601 30.2499 22.0001 30.2499C16.9401 30.2499 12.8334 26.1433 12.8334 21.0833H9.16675C9.16675 27.5549 13.9517 32.8716 20.1667 33.7699V39.4166H23.8334V33.7699C30.0484 32.8716 34.8334 27.5549 34.8334 21.0833H31.1667Z"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default MicOn;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Minimize/Minimize.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.4999 16.4999V5.49992H13.8333V10.2483L8.16825 4.58325L5.58325 7.16825L11.2483 12.8333H6.49992V16.4999H17.4999ZM39.4999 16.4999V12.8333H34.7516L40.4166 7.16825L37.8316 4.58325L32.1666 10.2483V5.49992H28.4999V16.4999H39.4999ZM6.49992 27.4999V31.1666H11.2483L5.58325 36.8316L8.16825 39.4166L13.8333 33.7516V38.4999H17.4999V27.4999H6.49992ZM28.4999 27.4999V38.4999H32.1666V33.7516L37.8316 39.4166L40.4166 36.8316L34.7516 31.1666H39.4999V27.4999H28.4999Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Minimize/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Minimize(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="M17.4999 16.4999V5.49992H13.8333V10.2483L8.16825 4.58325L5.58325 7.16825L11.2483 12.8333H6.49992V16.4999H17.4999ZM39.4999 16.4999V12.8333H34.7516L40.4166 7.16825L37.8316 4.58325L32.1666 10.2483V5.49992H28.4999V16.4999H39.4999ZM6.49992 27.4999V31.1666H11.2483L5.58325 36.8316L8.16825 39.4166L13.8333 33.7516V38.4999H17.4999V27.4999H6.49992ZM28.4999 27.4999V38.4999H32.1666V33.7516L37.8316 39.4166L40.4166 36.8316L34.7516 31.1666H39.4999V27.4999H28.4999Z"
-        id="Minimize"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Minimize;

package/src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOff/Notify off.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M35.7501 33.8067L8.74508 5.94L6.41675 8.26833L11.5501 13.4017V13.42C10.5967 15.235 10.0834 17.38 10.0834 19.69V28.8567L6.41675 32.5233V34.3567H31.5884L35.2551 38.0233L37.5834 35.695L35.7501 33.8067ZM21.0834 39.875C23.1184 39.875 24.7501 38.2433 24.7501 36.2083H17.4167C17.4167 38.2433 19.0484 39.875 21.0834 39.875ZM32.0834 26.455V19.7083C32.0834 14.0617 29.0767 9.36833 23.8334 8.12167V6.875C23.8334 5.35333 22.6051 4.125 21.0834 4.125C19.5617 4.125 18.3334 5.35333 18.3334 6.875V8.12167C18.0584 8.17667 17.8017 8.26833 17.5634 8.34167C17.3801 8.39667 17.1967 8.47 17.0134 8.54333H16.9951C16.9767 8.54333 16.9767 8.54333 16.9584 8.56167C16.5367 8.72667 16.1151 8.92833 15.7117 9.13C15.7117 9.13 15.6934 9.13 15.6934 9.14833L32.0834 26.455Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOff/index.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function NotifyOff(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="M35.7501 33.8067L8.74508 5.94L6.41675 8.26833L11.5501 13.4017V13.42C10.5967 15.235 10.0834 17.38 10.0834 19.69V28.8567L6.41675 32.5233V34.3567H31.5884L35.2551 38.0233L37.5834 35.695L35.7501 33.8067ZM21.0834 39.875C23.1184 39.875 24.7501 38.2433 24.7501 36.2083H17.4167C17.4167 38.2433 19.0484 39.875 21.0834 39.875ZM32.0834 26.455V19.7083C32.0834 14.0617 29.0767 9.36833 23.8334 8.12167V6.875C23.8334 5.35333 22.6051 4.125 21.0834 4.125C19.5617 4.125 18.3334 5.35333 18.3334 6.875V8.12167C18.0584 8.17667 17.8017 8.26833 17.5634 8.34167C17.3801 8.39667 17.1967 8.47 17.0134 8.54333H16.9951C16.9767 8.54333 16.9767 8.54333 16.9584 8.56167C16.5367 8.72667 16.1151 8.92833 15.7117 9.13C15.7117 9.13 15.6934 9.13 15.6934 9.14833L32.0834 26.455Z"
-        id="NotifyOff"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  ) : (
-    <svg
-      width="12"
-      height="14"
-      viewBox="0 0 12 14"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M11 11.2933L1.18004 1.16L0.333374 2.00667L2.20004 3.87333V3.88C1.85337 4.54 1.66671 5.32 1.66671 6.16V9.49333L0.333374 10.8267V11.4933H9.48671L10.82 12.8267L11.6667 11.98L11 11.2933ZM5.66671 13.5C6.40671 13.5 7.00004 12.9067 7.00004 12.1667H4.33337C4.33337 12.9067 4.92671 13.5 5.66671 13.5ZM9.66671 8.62V6.16667C9.66671 4.11333 8.57337 2.40667 6.66671 1.95333V1.5C6.66671 0.946667 6.22004 0.5 5.66671 0.5C5.11337 0.5 4.66671 0.946667 4.66671 1.5V1.95333C4.56671 1.97333 4.47337 2.00667 4.38671 2.03333C4.32004 2.05333 4.25337 2.08 4.18671 2.10667H4.18004C4.17337 2.10667 4.17337 2.10667 4.16671 2.11333C4.01337 2.17333 3.86004 2.24667 3.71337 2.32C3.71337 2.32 3.70671 2.32 3.70671 2.32667L9.66671 8.62Z"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default NotifyOff;

package/src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/Notify on.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.8967 7.02167L11.275 4.4C6.87501 7.755 3.97835 12.925 3.72168 18.7917H7.38835C7.66335 13.9333 10.1567 9.68 13.8967 7.02167ZM36.6117 18.7917H40.2783C40.0033 12.925 37.1067 7.755 32.725 4.4L30.1217 7.02167C33.825 9.68 36.3367 13.9333 36.6117 18.7917ZM33 19.7083C33 14.08 29.9933 9.36833 24.75 8.12167V6.875C24.75 5.35333 23.5217 4.125 22 4.125C20.4783 4.125 19.25 5.35333 19.25 6.875V8.12167C13.9883 9.36833 11 14.0617 11 19.7083V28.875L7.33335 32.5417V34.375H36.6667V32.5417L33 28.875V19.7083ZM22 39.875C22.2567 39.875 22.495 39.8567 22.7333 39.8017C23.925 39.545 24.8967 38.7383 25.3733 37.6383C25.5567 37.1983 25.6483 36.7217 25.6483 36.2083H18.315C18.3333 38.225 19.965 39.875 22 39.875Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/NotifyOn/index.tsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function NotifyOn(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="M13.8967 7.02167L11.275 4.4C6.87501 7.755 3.97835 12.925 3.72168 18.7917H7.38835C7.66335 13.9333 10.1567 9.68 13.8967 7.02167ZM36.6117 18.7917H40.2783C40.0033 12.925 37.1067 7.755 32.725 4.4L30.1217 7.02167C33.825 9.68 36.3367 13.9333 36.6117 18.7917ZM33 19.7083C33 14.08 29.9933 9.36833 24.75 8.12167V6.875C24.75 5.35333 23.5217 4.125 22 4.125C20.4783 4.125 19.25 5.35333 19.25 6.875V8.12167C13.9883 9.36833 11 14.0617 11 19.7083V28.875L7.33335 32.5417V34.375H36.6667V32.5417L33 28.875V19.7083ZM22 39.875C22.2567 39.875 22.495 39.8567 22.7333 39.8017C23.925 39.545 24.8967 38.7383 25.3733 37.6383C25.5567 37.1983 25.6483 36.7217 25.6483 36.2083H18.315C18.3333 38.225 19.965 39.875 22 39.875Z"
-        id="NotifyOn"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  ) : (
-    <svg
-      width={theme && theme.width ? theme.width : '244'}
-      height={theme && theme.height ? theme.height : '24'}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 21.75C13.1 21.75 14 20.85 14 19.75H10C10 20.85 10.9 21.75 12 21.75ZM18 15.75V10.75C18 7.68 16.37 5.11 13.5 4.43V3.75C13.5 2.92 12.83 2.25 12 2.25C11.17 2.25 10.5 2.92 10.5 3.75V4.43C7.64 5.11 6 7.67 6 10.75V15.75L4 17.75V18.75H20V17.75L18 15.75ZM16 16.75H8V10.75C8 8.27 9.51 6.25 12 6.25C14.49 6.25 16 8.27 16 10.75V16.75Z"
-        fill="var(--color-icon)"
-      />
-    </svg>
-  );
-}
-
-export default NotifyOn;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Pause/Pause.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 34.8334H18.3333V9.16675H11V34.8334ZM25.6667 9.16675V34.8334H33V9.16675H25.6667Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Pause/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Pause(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 34.8334H18.3333V9.16675H11V34.8334ZM25.6667 9.16675V34.8334H33V9.16675H25.6667Z"
-        id="Pause"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Pause;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Quite/Quite.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M29.7917 14.6116V29.3699C32.505 28.0316 34.375 25.2449 34.375 21.9999C34.375 18.7549 32.505 15.9683 29.7917 14.6116ZM9.625 16.4999V27.4999H16.9583L26.125 36.6666V7.33325L16.9583 16.4999H9.625ZM22.4583 16.1883V27.8116L18.48 23.8333H13.2917V20.1666H18.48L22.4583 16.1883Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Quite/index.tsx

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

package/src/Presentation/components/UI/svgs/Icons/Toggle/Record/Record.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.0002 36.6666C30.1003 36.6666 36.6668 30.1001 36.6668 21.9999C36.6668 13.8997 30.1003 7.33325 22.0002 7.33325C13.9 7.33325 7.3335 13.8997 7.3335 21.9999C7.3335 30.1001 13.9 36.6666 22.0002 36.6666Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Record/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Record(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.0002 36.6666C30.1003 36.6666 36.6668 30.1001 36.6668 21.9999C36.6668 13.8997 30.1003 7.33325 22.0002 7.33325C13.9 7.33325 7.3335 13.8997 7.3335 21.9999C7.3335 30.1001 13.9 36.6666 22.0002 36.6666Z"
-        id="Record"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Record;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Screenshare/Screenshare.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M36.6667 33.0002C38.6833 33.0002 40.315 31.3502 40.315 29.3335L40.3333 11.0002C40.3333 8.96516 38.6833 7.3335 36.6667 7.3335H7.33333C5.29833 7.3335 3.66667 8.96516 3.66667 11.0002V29.3335C3.66667 31.3502 5.29833 33.0002 7.33333 33.0002H0V36.6668H44V33.0002H36.6667ZM23.8333 26.5285V22.5135C18.7367 22.5135 15.3817 24.0718 12.8333 27.5002C13.86 22.6052 16.7017 17.7285 23.8333 16.7385V12.8335L31.1667 19.6718L23.8333 26.5285Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Screenshare/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function ScreenShare(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 33.0002C38.6833 33.0002 40.315 31.3502 40.315 29.3335L40.3333 11.0002C40.3333 8.96516 38.6833 7.3335 36.6667 7.3335H7.33333C5.29833 7.3335 3.66667 8.96516 3.66667 11.0002V29.3335C3.66667 31.3502 5.29833 33.0002 7.33333 33.0002H0V36.6668H44V33.0002H36.6667ZM23.8333 26.5285V22.5135C18.7367 22.5135 15.3817 24.0718 12.8333 27.5002C13.86 22.6052 16.7017 17.7285 23.8333 16.7385V12.8335L31.1667 19.6718L23.8333 26.5285Z"
-        id="ScreenShare"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default ScreenShare;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Show/Show.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22.0002 8.25C12.8335 8.25 5.00516 13.9517 1.8335 22C5.00516 30.0483 12.8335 35.75 22.0002 35.75C31.1668 35.75 38.9952 30.0483 42.1668 22C38.9952 13.9517 31.1668 8.25 22.0002 8.25ZM22.0002 31.1667C16.9402 31.1667 12.8335 27.06 12.8335 22C12.8335 16.94 16.9402 12.8333 22.0002 12.8333C27.0602 12.8333 31.1668 16.94 31.1668 22C31.1668 27.06 27.0602 31.1667 22.0002 31.1667ZM22.0002 16.5C18.9568 16.5 16.5002 18.9567 16.5002 22C16.5002 25.0433 18.9568 27.5 22.0002 27.5C25.0435 27.5 27.5002 25.0433 27.5002 22C27.5002 18.9567 25.0435 16.5 22.0002 16.5Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Show/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Show(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.0002 8.25C12.8335 8.25 5.00516 13.9517 1.8335 22C5.00516 30.0483 12.8335 35.75 22.0002 35.75C31.1668 35.75 38.9952 30.0483 42.1668 22C38.9952 13.9517 31.1668 8.25 22.0002 8.25ZM22.0002 31.1667C16.9402 31.1667 12.8335 27.06 12.8335 22C12.8335 16.94 16.9402 12.8333 22.0002 12.8333C27.0602 12.8333 31.1668 16.94 31.1668 22C31.1668 27.06 27.0602 31.1667 22.0002 31.1667ZM22.0002 16.5C18.9568 16.5 16.5002 18.9567 16.5002 22C16.5002 25.0433 18.9568 27.5 22.0002 27.5C25.0435 27.5 27.5002 25.0433 27.5002 22C27.5002 18.9567 25.0435 16.5 22.0002 16.5Z"
-        id="Show"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Show;

package/src/Presentation/components/UI/svgs/Icons/Toggle/Speaker/Speaker.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 16.5V27.5H12.8333L22 36.6666V7.3333L12.8333 16.5H5.5ZM30.25 22C30.25 18.755 28.38 15.9683 25.6667 14.6116V29.37C28.38 28.0316 30.25 25.245 30.25 22ZM25.6667 5.92163V9.6983C30.965 11.275 34.8333 16.1883 34.8333 22C34.8333 27.8116 30.965 32.725 25.6667 34.3016V38.0783C33.0183 36.41 38.5 29.8466 38.5 22C38.5 14.1533 33.0183 7.58996 25.6667 5.92163Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/Speaker/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function Speaker(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.5 16.5V27.5H12.8333L22 36.6666V7.3333L12.8333 16.5H5.5ZM30.25 22C30.25 18.755 28.38 15.9683 25.6667 14.6116V29.37C28.38 28.0316 30.25 25.245 30.25 22ZM25.6667 5.92163V9.6983C30.965 11.275 34.8333 16.1883 34.8333 22C34.8333 27.8116 30.965 32.725 25.6667 34.3016V38.0783C33.0183 36.41 38.5 29.8466 38.5 22C38.5 14.1533 33.0183 7.58996 25.6667 5.92163Z"
-        id="Speaker"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default Speaker;

package/src/Presentation/components/UI/svgs/Icons/Toggle/SpeakerOff/Speaker off.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M30.25 22C30.25 18.755 28.38 15.9683 25.6667 14.6117V18.6633L30.1583 23.155C30.2133 22.7883 30.25 22.4033 30.25 22ZM34.8333 22C34.8333 23.7233 34.4667 25.3367 33.8433 26.84L36.6117 29.6083C37.8217 27.335 38.5 24.75 38.5 22C38.5 14.1533 33.0183 7.59 25.6667 5.92167V9.69833C30.965 11.275 34.8333 16.1883 34.8333 22ZM7.82833 5.5L5.5 7.82833L14.1717 16.5H5.5V27.5H12.8333L22 36.6667V24.3283L29.7917 32.12C28.5633 33.0733 27.1883 33.825 25.6667 34.2833V38.06C28.1967 37.4917 30.4883 36.3183 32.4317 34.7417L36.1717 38.5L38.5 36.1717L7.82833 5.5ZM22 7.33333L18.1683 11.165L22 14.9967V7.33333Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/SpeakerOff/index.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { IconTheme } from '../../IconsCommonTypes';
-
-function SpeakerOff(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.25 22C30.25 18.755 28.38 15.9683 25.6667 14.6117V18.6633L30.1583 23.155C30.2133 22.7883 30.25 22.4033 30.25 22ZM34.8333 22C34.8333 23.7233 34.4667 25.3367 33.8433 26.84L36.6117 29.6083C37.8217 27.335 38.5 24.75 38.5 22C38.5 14.1533 33.0183 7.59 25.6667 5.92167V9.69833C30.965 11.275 34.8333 16.1883 34.8333 22ZM7.82833 5.5L5.5 7.82833L14.1717 16.5H5.5V27.5H12.8333L22 36.6667V24.3283L29.7917 32.12C28.5633 33.0733 27.1883 33.825 25.6667 34.2833V38.06C28.1967 37.4917 30.4883 36.3183 32.4317 34.7417L36.1717 38.5L38.5 36.1717L7.82833 5.5ZM22 7.33333L18.1683 11.165L22 14.9967V7.33333Z"
-        id="SpeakerOff"
-        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
-      />
-    </svg>
-  );
-}
-
-export default SpeakerOff;

package/src/Presentation/components/UI/svgs/Icons/Toggle/StopRecord/Stop record.svg

@@ -1,3 +0,0 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11 11H33V33H11V11Z" fill="#0B121B"/>
-</svg>

package/src/Presentation/components/UI/svgs/Icons/Toggle/StopRecord/index.tsx

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