stream-chat-react-native-core 9.0.0-beta.3 → 9.0.0-beta.30

package/src/icons/gallery.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ImageGrid = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M8.125 3.75H4.375C4.02982 3.75 3.75 4.02982 3.75 4.375V8.125C3.75 8.47018 4.02982 8.75 4.375 8.75H8.125C8.47018 8.75 8.75 8.47018 8.75 8.125V4.375C8.75 4.02982 8.47018 3.75 8.125 3.75Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <Path
+        d='M15.625 3.75H11.875C11.5298 3.75 11.25 4.02982 11.25 4.375V8.125C11.25 8.47018 11.5298 8.75 11.875 8.75H15.625C15.9702 8.75 16.25 8.47018 16.25 8.125V4.375C16.25 4.02982 15.9702 3.75 15.625 3.75Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <Path
+        d='M8.125 11.25H4.375C4.02982 11.25 3.75 11.5298 3.75 11.875V15.625C3.75 15.9702 4.02982 16.25 4.375 16.25H8.125C8.47018 16.25 8.75 15.9702 8.75 15.625V11.875C8.75 11.5298 8.47018 11.25 8.125 11.25Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <Path
+        d='M15.625 11.25H11.875C11.5298 11.25 11.25 11.5298 11.25 11.875V15.625C11.25 15.9702 11.5298 16.25 11.875 16.25H15.625C15.9702 16.25 16.25 15.9702 16.25 15.625V11.875C16.25 11.5298 15.9702 11.25 15.625 11.25Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/giphy.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { Path, Rect, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Giphy = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Rect width={20} height={20} rx={10} fill='black' />
+    <Path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M6.5997 5.50024H13.4008V14.4999H6.59912L6.5997 5.50024Z'
+      fill='black'
+    />
+    <Path d='M5.24023 5.1665H6.59998V14.8335H5.24023V5.1665Z' fill='#04FF8E' />
+    <Path d='M13.4004 7.8335H14.7601V14.8335H13.4004V7.8335Z' fill='#8E2EFF' />
+    <Path d='M5.24023 14.4998H14.7602V15.8333H5.24023V14.4998Z' fill='#00C5FF' />
+    <Path d='M5.24023 4.16675H10.6804V5.50025H5.24023V4.16675Z' fill='#FFF152' />
+    <Path
+      d='M13.4003 6.83316V5.50025H12.0399V4.16675H10.6802V8.16666H14.76V6.83316'
+      fill='#FF5B5B'
+    />
+    <Path d='M13.4004 9.5V8.1665H14.7601' fill='#551C99' />
+    <Path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M10.6802 4.16675V5.50025H9.31982'
+      fill='#999131'
+    />
+  </Svg>
+);
+
+export const GiphyIcon = (props: IconProps) => <Giphy {...props} />;

package/src/icons/image.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Picture = (props: IconProps) => {
+  const { fill, height, pathFill, size, stroke, width, ...rest } = props;
+  const color = stroke ?? fill ?? pathFill ?? 'black';
+
+  return (
+    <Svg fill='none' viewBox='0 0 20 20' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};
+
+export const PhotoIcon = (props: IconProps) => <Picture {...props} />;

package/src/icons/imgur.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import { Path, Rect, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Imgur = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill='none' height={height} viewBox='0 0 20 20' width={width} {...rest}>
+    <Rect width={20} height={20} rx={10} fill='black' />
+    <Path
+      d='M11.1337 14.2105C11.1337 14.7628 11.0416 15.1715 10.8577 15.4362C10.674 15.7008 10.3913 15.8332 10.0095 15.8332C9.62299 15.8332 9.33558 15.6995 9.147 15.4328C8.95842 15.1658 8.86426 14.7584 8.86426 14.2105V9.72928C8.86426 9.18138 8.95738 8.7755 9.14364 8.51061C9.32963 8.24571 9.61807 8.11353 10.0095 8.11353C10.3913 8.11353 10.674 8.24571 10.858 8.51061C11.0419 8.7755 11.1337 9.18138 11.1337 9.72928V14.2105Z'
+      fill='white'
+    />
+    <Path
+      d='M8.68848 5.45785C8.68848 5.10345 8.81782 4.79975 9.07702 4.5465C9.33623 4.29325 9.64743 4.16675 10.0104 4.16675C10.3684 4.16675 10.6752 4.2935 10.9292 4.5465C11.184 4.79975 11.311 5.10345 11.311 5.45785C11.311 5.81691 11.1848 6.12087 10.9328 6.36946C10.6806 6.6178 10.3733 6.74197 10.0104 6.74197C9.63811 6.74197 9.32485 6.6178 9.0703 6.36946C8.81575 6.12061 8.68848 5.81691 8.68848 5.45785Z'
+      fill='#5BBF8C'
+    />
+  </Svg>
+);

package/src/icons/index.ts

@@ -1,63 +1,51 @@
 export * from './utils/base';
 
-export * from './ArrowRight';
-export * from './Audio';
-export * from './Archive';
-export * from './BlockUser';
-export * from './Camera';
-export * from './Check';
-export * from './CheckAll';
-export * from './CircleStop';
-export * from './Close';
-export * from './Copy';
-export * from './CurveLineLeftUp';
-export * from './Delete';
-export * from './DOC';
-export * from './DownloadArrow';
-export * from './Edit';
-export * from './Eye';
-export * from './Flag';
-export * from './Grid';
-export * from './GiphyIcon';
-export * from './GiphyLightning';
-export * from './Loading';
-export * from './Logo';
-export * from './MessageFlag';
-export * from './MessageIcon';
-export * from './Mute';
-export * from './Pause';
-export * from './PDF';
-export * from './Picture';
-export * from './Pin';
-export * from './Play';
-export * from './Plus';
-export * from './Minus';
-export * from './Refresh';
-export * from './Resend';
-export * from './Search';
-export * from './SendRight';
-export * from './Share';
-export * from './ShareRightArrow';
-export * from './Smile';
-export * from './Sound';
-export * from './Stop';
-export * from './ThreadReply';
-export * from './Time';
+export * from './filetype-audio-xl';
+export * from './archive';
+export * from './no-sign';
+export * from './camera';
+export { Check } from './checkmark';
+export * from './checks';
+export * from './copy';
+export * from './reply';
+export * from './delete';
+export * from './filetype-text-xl';
+export * from './edit';
+export * from './flag';
+export { GiphyIcon } from './giphy';
+export * from './loading';
+export * from './mute';
+export * from './pause-fill';
+export * from './filetype-pdf-xl';
+export { Picture } from './image';
+export * from './pin';
+export * from './play-fill';
+export * from './plus';
+export * from './minus';
+export * from './Retry';
+export * from './search';
+export * from './send';
+export * from './share';
+export * from './emoji';
+export * from './audio';
+export * from './stop-fill';
+export * from './thread';
+export * from './clock';
 export * from './Unknown';
-export * from './Recorder';
-export * from './User';
-export * from './UserAdd';
-export * from './UserDelete';
-export * from './Video';
-export * from './ZIP';
-export * from './MessageBubbleEmpty';
-export * from './MenuPointHorizontal';
-export * from './Reload';
-export * from './PollThumbnail';
-export * from './UnreadIndicator';
-export * from './FilePickerIcon';
-export * from './CommandsIcon';
-export * from './ArrowShareLeft';
-export * from './Bell';
-export * from './Bookmark';
-export * from './Checkmark';
+export * from './unpin';
+export * from './video-fill';
+export * from './video';
+export * from './user-add';
+export * from './user-remove';
+export * from './filetype-video-xl';
+export * from './filetype-compression-xl';
+export * from './message-bubble';
+export * from './more';
+export * from './refresh';
+export { PollThumbnail } from './poll';
+export * from './notification';
+export { FilePickerIcon } from './file';
+export * from './command';
+export * from './bell';
+export * from './save';
+export * from './checkmark-1';

package/src/icons/info.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const InfoTooltip = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = fill ?? stroke ?? pathFill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z'
+        fill={color}
+      />
+      <Path
+        d='M10.75 13.0107C11.1047 13.0703 11.375 13.3784 11.375 13.75C11.375 14.1642 11.0392 14.5 10.625 14.5C10.2603 14.5 9.91021 14.3555 9.65234 14.0977C9.39448 13.8398 9.25 13.4897 9.25 13.125V10.1133C8.89539 10.0537 8.625 9.74655 8.625 9.375C8.625 8.96079 8.96079 8.625 9.375 8.625C9.69403 8.625 10.0014 8.73611 10.2461 8.93652L10.3477 9.02734L10.4385 9.12891C10.6389 9.37356 10.75 9.68097 10.75 10V13.0107Z'
+        fill={color}
+      />
+      <Path
+        d='M9.6875 7.5C10.2053 7.5 10.625 7.08027 10.625 6.5625C10.625 6.04473 10.2053 5.625 9.6875 5.625C9.16973 5.625 8.75 6.04473 8.75 6.5625C8.75 7.08027 9.16973 7.5 9.6875 7.5Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/leave.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ArrowBoxLeft: React.FC<IconProps> = (props) => (
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M8.75 3.125H3.75V16.875H8.75M8.75 10H17.5M17.5 10L14.375 6.875M17.5 10L14.375 13.125'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/link.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Link = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height ?? size} viewBox={'0 0 20 20'} width={width ?? size} {...rest}>
+    <Path
+      d='M7.49989 12.4999L12.4999 7.49989M8.74989 5.94598L11.0983 3.60223C11.8035 2.90843 12.7543 2.52139 13.7436 2.52542C14.7328 2.52945 15.6804 2.92422 16.3799 3.62374C17.0795 4.32326 17.4742 5.27086 17.4783 6.26012C17.4823 7.24938 17.0953 8.20016 16.4015 8.90536L14.053 11.2499M5.94598 8.74989L3.60223 11.0983C2.90843 11.8035 2.52139 12.7543 2.52542 13.7436C2.52945 14.7328 2.92422 15.6804 3.62374 16.3799C4.32326 17.0795 5.27086 17.4742 6.26012 17.4783C7.24938 17.4823 8.20016 17.0953 8.90536 16.4015L11.2499 14.053'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/loading.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { Path, StopProps } from 'react-native-svg';
+
+import { IconProps, RootSvg } from './utils/base';
+
+type LoadingProps = IconProps &
+  Partial<Pick<StopProps, 'stopOpacity'>> & {
+    startColor?: StopProps['stopColor'];
+    stopColor?: StopProps['stopColor'];
+  };
+
+export const Loading = (props: LoadingProps) => {
+  const {
+    height = 16,
+    startColor,
+    stopColor,
+    stopOpacity = 0.3,
+    viewBox = '0 0 20 20',
+    width = 16,
+  } = props;
+  const baseColor = startColor ?? stopColor ?? '#006CFF';
+  const accentColor = stopColor ?? startColor ?? '#006CFF';
+
+  return (
+    <RootSvg fill='none' height={height} viewBox={viewBox} width={width} {...props}>
+      <Path
+        d='M17.5 10C17.5 14.1422 14.1422 17.5 10 17.5C5.85787 17.5 2.5 14.1422 2.5 10C2.5 5.85787 5.85787 2.5 10 2.5C14.1422 2.5 17.5 5.85787 17.5 10Z'
+        stroke={baseColor}
+        strokeOpacity={stopOpacity}
+        strokeWidth={2}
+      />
+      <Path
+        d='M17.4544 10.8334C17.0701 14.3097 14.3098 17.07 10.8335 17.4543'
+        stroke={accentColor}
+        strokeLinecap='round'
+        strokeWidth={2}
+      />
+    </RootSvg>
+  );
+};

package/src/icons/location.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MapPin = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M10 10.625C11.3807 10.625 12.5 9.50571 12.5 8.125C12.5 6.74429 11.3807 5.625 10 5.625C8.61929 5.625 7.5 6.74429 7.5 8.125C7.5 9.50571 8.61929 10.625 10 10.625Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <Path
+        d='M16.25 8.125C16.25 13.75 10 18.125 10 18.125C10 18.125 3.75 13.75 3.75 8.125C3.75 6.4674 4.40848 4.87769 5.58058 3.70558C6.75269 2.53348 8.3424 1.875 10 1.875C11.6576 1.875 13.2473 2.53348 14.4194 3.70558C15.5915 4.87769 16.25 6.4674 16.25 8.125Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/lock.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Lock = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M16.25 6.875H3.75C3.40482 6.875 3.125 7.15482 3.125 7.5V16.25C3.125 16.5952 3.40482 16.875 3.75 16.875H16.25C16.5952 16.875 16.875 16.5952 16.875 16.25V7.5C16.875 7.15482 16.5952 6.875 16.25 6.875Z'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+      <Path
+        d='M10 12.8125C10.5178 12.8125 10.9375 12.3928 10.9375 11.875C10.9375 11.3572 10.5178 10.9375 10 10.9375C9.48223 10.9375 9.0625 11.3572 9.0625 11.875C9.0625 12.3928 9.48223 12.8125 10 12.8125Z'
+        fill={color}
+      />
+      <Path
+        d='M6.875 6.875V4.375C6.875 3.5462 7.20424 2.75134 7.79029 2.16529C8.37634 1.57924 9.1712 1.25 10 1.25C10.8288 1.25 11.6237 1.57924 12.2097 2.16529C12.7958 2.75134 13.125 3.5462 13.125 4.375V6.875'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/message-bubble.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MessageBubbleEmpty = ({ height, size, width, ...props }: IconProps) => (
+  <Svg height={height ?? size} width={width ?? size} fill={'none'} viewBox={'0 0 20 20'} {...props}>
+    <Path
+      d='M6.24431 16.4932C7.81972 17.405 9.67297 17.7127 11.4585 17.359C13.2441 17.0053 14.84 16.0143 15.9489 14.5708C17.0578 13.1273 17.6038 11.3298 17.4852 9.51341C17.3667 7.69704 16.5916 5.98577 15.3045 4.69866C14.0174 3.41156 12.3061 2.63646 10.4897 2.51789C8.67333 2.39932 6.87582 2.94537 5.43231 4.05422C3.9888 5.16308 2.99781 6.75906 2.64412 8.54461C2.29042 10.3302 2.59815 12.1834 3.50993 13.7588L2.53259 16.6768C2.49586 16.7869 2.49053 16.9051 2.5172 17.0181C2.54386 17.131 2.60146 17.2344 2.68355 17.3165C2.76563 17.3985 2.86895 17.4561 2.98194 17.4828C3.09492 17.5095 3.21309 17.5041 3.32321 17.4674L6.24431 16.4932Z'
+      strokeLinejoin='round'
+      strokeLinecap='round'
+      strokeWidth={1.5}
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/minus-circle.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CircleMinus = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M6.875 10H13.125M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/minus.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Minus = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg width={width ?? size} height={height ?? size} viewBox={'0 0 20 20'} fill='none' {...rest}>
+    <Path d='M3.125 10H16.875' strokeWidth={1.5} strokeLinecap='round' {...rest} />
+  </Svg>
+);

package/src/icons/more.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MenuPointHorizontal = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = fill ?? stroke ?? pathFill ?? 'black';
+
+  return (
+    <Svg
+      viewBox='0 0 20 20'
+      fill='none'
+      height={height ?? size ?? 20}
+      width={width ?? size ?? 20}
+      {...rest}
+    >
+      <Path
+        d='M10 11.25C10.6904 11.25 11.25 10.6904 11.25 10C11.25 9.30964 10.6904 8.75 10 8.75C9.30964 8.75 8.75 9.30964 8.75 10C8.75 10.6904 9.30964 11.25 10 11.25Z'
+        fill={color}
+      />
+      <Path
+        d='M4.6875 11.25C5.37786 11.25 5.9375 10.6904 5.9375 10C5.9375 9.30964 5.37786 8.75 4.6875 8.75C3.99714 8.75 3.4375 9.30964 3.4375 10C3.4375 10.6904 3.99714 11.25 4.6875 11.25Z'
+        fill={color}
+      />
+      <Path
+        d='M15.3125 11.25C16.0029 11.25 16.5625 10.6904 16.5625 10C16.5625 9.30964 16.0029 8.75 15.3125 8.75C14.6221 8.75 14.0625 9.30964 14.0625 10C14.0625 10.6904 14.6221 11.25 15.3125 11.25Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/mute.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Mute = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg width={width ?? size} height={height ?? size} viewBox='0 0 20 20' fill='none' {...rest}>
+      <Path
+        d='M15.625 8.125V11.875M18.125 6.875V13.125M4.375 3.125L16.875 16.875M9.38672 4.92109L12.5 2.5V8.34609M12.5 12.0625V17.5L6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H7.78437'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/no-sign.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CircleBan = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M15.3031 15.3031L4.69688 4.69688M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z'
+        stroke={color}
+        strokeLinecap='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};
+
+export const BlockUser = (props: IconProps) => <CircleBan {...props} />;

package/src/icons/notification.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+type Props = IconProps;
+
+export const UnreadIndicator = (props: Props) => (
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M16.25 10V16.25C16.25 16.4158 16.1842 16.5747 16.0669 16.6919C15.9497 16.8092 15.7908 16.875 15.625 16.875H3.75C3.58424 16.875 3.42527 16.8092 3.30806 16.6919C3.19085 16.5747 3.125 16.4158 3.125 16.25V4.375C3.125 4.20924 3.19085 4.05027 3.30806 3.93306C3.42527 3.81585 3.58424 3.75 3.75 3.75H10M17.5 4.6875C17.5 5.89562 16.5206 6.875 15.3125 6.875C14.1044 6.875 13.125 5.89562 13.125 4.6875C13.125 3.47938 14.1044 2.5 15.3125 2.5C16.5206 2.5 17.5 3.47938 17.5 4.6875Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/pause-fill.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Pause = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = fill ?? pathFill ?? stroke ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M16.875 3.75V16.25C16.875 16.5815 16.7433 16.8995 16.5089 17.1339C16.2745 17.3683 15.9565 17.5 15.625 17.5H12.5C12.1685 17.5 11.8505 17.3683 11.6161 17.1339C11.3817 16.8995 11.25 16.5815 11.25 16.25V3.75C11.25 3.41848 11.3817 3.10054 11.6161 2.86612C11.8505 2.6317 12.1685 2.5 12.5 2.5H15.625C15.9565 2.5 16.2745 2.6317 16.5089 2.86612C16.7433 3.10054 16.875 3.41848 16.875 3.75ZM7.5 2.5H4.375C4.04348 2.5 3.72554 2.6317 3.49112 2.86612C3.2567 3.10054 3.125 3.41848 3.125 3.75V16.25C3.125 16.5815 3.2567 16.8995 3.49112 17.1339C3.72554 17.3683 4.04348 17.5 4.375 17.5H7.5C7.83152 17.5 8.14946 17.3683 8.38388 17.1339C8.6183 16.8995 8.75 16.5815 8.75 16.25V3.75C8.75 3.41848 8.6183 3.10054 8.38388 2.86612C8.14946 2.6317 7.83152 2.5 7.5 2.5Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};