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

package/src/icons/filetype-video-xl.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+
+import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Video = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 40 48' fill='none' {...rest}>
+    <Path
+      d='M0 4C0 1.79086 1.79086 0 4 0H28L40 12V44C40 46.2091 38.2091 48 36 48H4C1.79086 48 0 46.2091 0 44V4Z'
+      fill='#A847B7'
+    />
+    <G clipPath='url(#clip0_2755_46020)'>
+      <Path
+        d='M25.625 20.75L29.375 18.25V25.75L25.625 23.25M12.5 17H25C25.3452 17 25.625 17.2798 25.625 17.625V26.375C25.625 26.7202 25.3452 27 25 27H12.5C12.1548 27 11.875 26.7202 11.875 26.375V17.625C11.875 17.2798 12.1548 17 12.5 17Z'
+        stroke='white'
+        strokeWidth='1.5'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </G>
+    <Path opacity='0.5' d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z' fill='white' />
+    <Path
+      d='M11.5 40V35.6992H12.6406V36.3711H12.7109C12.8021 36.1289 12.9531 35.9414 13.1641 35.8086C13.375 35.6732 13.6211 35.6055 13.9023 35.6055C14.0977 35.6055 14.2747 35.638 14.4336 35.7031C14.5924 35.7656 14.7279 35.8555 14.8398 35.9727C14.9518 36.0898 15.0378 36.2318 15.0977 36.3984H15.168C15.2331 36.2396 15.3294 36.1016 15.457 35.9844C15.5846 35.8646 15.7344 35.7721 15.9062 35.707C16.0781 35.6393 16.2643 35.6055 16.4648 35.6055C16.7513 35.6055 16.9974 35.6641 17.2031 35.7812C17.4115 35.8984 17.5716 36.0651 17.6836 36.2812C17.7982 36.4948 17.8555 36.75 17.8555 37.0469V40H16.7148V37.332C16.7148 37.1576 16.6888 37.013 16.6367 36.8984C16.5846 36.7839 16.5052 36.6979 16.3984 36.6406C16.2943 36.5807 16.1628 36.5508 16.0039 36.5508C15.8503 36.5508 15.7161 36.5859 15.6016 36.6562C15.4896 36.7266 15.4023 36.8216 15.3398 36.9414C15.2773 37.0612 15.2461 37.1992 15.2461 37.3555V40H14.1055V37.2812C14.1055 37.1276 14.0768 36.9961 14.0195 36.8867C13.9648 36.7773 13.8841 36.694 13.7773 36.6367C13.6732 36.5794 13.5469 36.5508 13.3984 36.5508C13.25 36.5508 13.1185 36.5885 13.0039 36.6641C12.8919 36.737 12.8034 36.8385 12.7383 36.9688C12.6732 37.0964 12.6406 37.2422 12.6406 37.4062V40H11.5ZM18.9609 41.4258V35.6992H20.1016V36.3633H20.1719C20.2474 36.2096 20.3464 36.0781 20.4688 35.9688C20.5938 35.8594 20.7396 35.776 20.9062 35.7188C21.0729 35.6589 21.2578 35.6289 21.4609 35.6289C21.8203 35.6289 22.1302 35.7188 22.3906 35.8984C22.651 36.0781 22.8516 36.3333 22.9922 36.6641C23.1354 36.9922 23.207 37.3854 23.207 37.8438V37.8516C23.207 38.3125 23.1367 38.7083 22.9961 39.0391C22.8555 39.3698 22.6549 39.6237 22.3945 39.8008C22.1341 39.9779 21.8229 40.0664 21.4609 40.0664C21.263 40.0664 21.0794 40.0365 20.9102 39.9766C20.7435 39.9141 20.5964 39.8268 20.4688 39.7148C20.3438 39.6029 20.2448 39.4688 20.1719 39.3125H20.1016V41.4258H18.9609ZM21.0703 39.1211C21.2734 39.1211 21.4466 39.0703 21.5898 38.9688C21.7357 38.8672 21.8477 38.7214 21.9258 38.5312C22.0065 38.3411 22.0469 38.1146 22.0469 37.8516V37.8438C22.0469 37.5807 22.0065 37.3542 21.9258 37.1641C21.8477 36.974 21.7357 36.8281 21.5898 36.7266C21.4466 36.625 21.2734 36.5742 21.0703 36.5742C20.8698 36.5742 20.6953 36.625 20.5469 36.7266C20.401 36.8281 20.2878 36.974 20.207 37.1641C20.1289 37.3516 20.0898 37.5781 20.0898 37.8438V37.8516C20.0898 38.112 20.1302 38.3385 20.2109 38.5312C20.2917 38.7214 20.4049 38.8672 20.5508 38.9688C20.6992 39.0703 20.8724 39.1211 21.0703 39.1211ZM26.7539 40V38.9648H23.9922V38.0391C24.1354 37.7839 24.2799 37.5312 24.4258 37.2812C24.5716 37.0286 24.7188 36.7786 24.8672 36.5312C25.0182 36.2812 25.168 36.0352 25.3164 35.793C25.4674 35.5482 25.6185 35.3073 25.7695 35.0703C25.9206 34.8307 26.0716 34.5951 26.2227 34.3633H27.8789V38.0195H28.6133V38.9648H27.8789V40H26.7539ZM25.0547 38.0508H26.7773V35.2578H26.7148C26.6055 35.4271 26.4935 35.6003 26.3789 35.7773C26.2669 35.9544 26.1536 36.1354 26.0391 36.3203C25.9271 36.5052 25.8138 36.6914 25.6992 36.8789C25.5872 37.0638 25.4766 37.25 25.3672 37.4375C25.2604 37.6224 25.1562 37.806 25.0547 37.9883V38.0508Z'
+      fill='white'
+    />
+    <Defs>
+      <ClipPath id='clip0_2755_46020'>
+        <Rect width='20' height='20' fill='white' transform='translate(10 12)' />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);

package/src/icons/flag.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Flag = ({ height, size, width, ...props }: IconProps) => (
+  <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...props}>
+    <Path
+      d='M3.75 17.5001V4.3751C8.75 0.0446299 12.5 8.70557 17.5 4.3751V13.7501C12.5 18.0806 8.75 9.41963 3.75 13.7501'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);
+
+export const MessageFlag = (props: IconProps) => <Flag {...props} />;

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,19 @@
+import React from 'react';
+import { I18nManager } from 'react-native';
+import Svg, { G, 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}>
+    <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+      <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}
+      />
+    </G>
+  </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,20 @@
+import React from 'react';
+import { I18nManager } from 'react-native';
+
+import Svg, { G, 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}>
+    <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+      <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}
+      />
+    </G>
+  </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,25 @@
+import React from 'react';
+import { I18nManager } from 'react-native';
+
+import Svg, { G, 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}>
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <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'
+        />
+      </G>
+    </Svg>
+  );
+};