stream-chat-react-native-core 8.13.7 → 9.0.0-beta.1

package/src/icons/Mic.tsx

@@ -1,20 +1,17 @@
 import React from 'react';
 
-import { G, Path, Svg } from 'react-native-svg';
+import { Path, Svg } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
-type Props = IconProps & {
-  size: number;
-};
-
-export const Mic = ({ size, ...rest }: Props) => (
-  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
-    <G id='24 / mic_iOS'>
-      <Path
-        d='M11.5234 13.9922C11.5234 16.8047 13.375 18.7734 16 18.7734C18.6367 18.7734 20.4766 16.8047 20.4766 13.9922V6.69141C20.4766 3.86719 18.6367 1.89844 16 1.89844C13.375 1.89844 11.5234 3.86719 11.5234 6.69141V13.9922ZM13.7383 14.0273V6.64453C13.7383 5.08594 14.6172 4.01953 16 4.01953C17.3828 4.01953 18.2617 5.08594 18.2617 6.64453V14.0273C18.2617 15.5977 17.3828 16.6523 16 16.6523C14.6172 16.6523 13.7383 15.5977 13.7383 14.0273ZM7.10547 14.5078C7.10547 19.3242 10.3047 22.6289 14.9336 23.0742V25.4766H10.6211C10.0234 25.4766 9.51953 25.9688 9.51953 26.5781C9.51953 27.1758 10.0234 27.668 10.6211 27.668H21.3789C21.9883 27.668 22.4922 27.1758 22.4922 26.5781C22.4922 25.9688 21.9883 25.4766 21.3789 25.4766H17.0781V23.0742C21.6953 22.6289 24.9062 19.3242 24.9062 14.5078V12.1875C24.9062 11.5781 24.4141 11.0977 23.8047 11.0977C23.1953 11.0977 22.6914 11.5781 22.6914 12.1875V14.4258C22.6914 18.4102 19.9961 21.0469 16 21.0469C12.0039 21.0469 9.30859 18.4102 9.30859 14.4258V12.1875C9.30859 11.5781 8.81641 11.0977 8.20703 11.0977C7.59766 11.0977 7.10547 11.5781 7.10547 12.1875V14.5078Z'
-        {...rest}
-      />
-    </G>
+export const Mic = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M10.0007 15.8334C12.5636 15.8334 14.7662 14.2908 15.7307 12.0834M10.0007 15.8334C7.4378 15.8334 5.23519 14.2908 4.27075 12.0834M10.0007 15.8334V17.7084M10.0007 13.1251C8.04469 13.1251 6.45903 11.5394 6.45903 9.58341V5.83341C6.45903 3.87741 8.04469 2.29175 10.0007 2.29175C11.9567 2.29175 13.5423 3.87741 13.5423 5.83341V9.58341C13.5423 11.5394 11.9567 13.1251 10.0007 13.1251Z'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
   </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, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 20 20' fill='none' {...rest}>
+    <Path d='M5.625 10H10H14.375' strokeWidth={1.5} strokeLinecap='round' {...rest} />
+  </Svg>
+);

package/src/icons/MoreEmojis.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MoreEmojis = (props: IconProps) => (
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M17.7082 9.99967C17.7082 14.2568 14.257 17.708 9.99984 17.708C5.74265 17.708 2.2915 14.2568 2.2915 9.99967C2.2915 5.74248 5.74265 2.29134 9.99984 2.29134M15.8332 1.45801V6.87467M13.1248 4.16634H18.5415M12.3571 12.3567C11.0553 13.6584 8.94484 13.6584 7.64307 12.3567M12.0832 7.91634H12.4998M7.49984 7.91634H7.9165M12.7082 7.91634C12.7082 8.14646 12.5216 8.33301 12.2915 8.33301C12.0614 8.33301 11.8748 8.14646 11.8748 7.91634C11.8748 7.68622 12.0614 7.49967 12.2915 7.49967C12.5216 7.49967 12.7082 7.68622 12.7082 7.91634ZM8.12484 7.91634C8.12484 8.14646 7.93829 8.33301 7.70817 8.33301C7.47805 8.33301 7.2915 8.14646 7.2915 7.91634C7.2915 7.68622 7.47805 7.49967 7.70817 7.49967C7.93829 7.49967 8.12484 7.68622 8.12484 7.91634Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/Mute.tsx

@@ -1,12 +1,33 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Mask, Path } from 'react-native-svg';
 
-export const Mute = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M5.889 16H2a1 1 0 01-1-1V9a1 1 0 011-1h3.889l5.294-4.332a.5.5 0 01.817.387v15.89a.5.5 0 01-.817.387L5.89 16h-.001zM10 7.22L6.603 10H3v4h3.603L10 16.78V7.22zm13.95 8.316L20.414 12l3.536-3.536-1.414-1.414L19 10.586 15.464 7.05 14.05 8.464 17.586 12l-3.536 3.536 1.414 1.414L19 13.414l3.536 3.536 1.414-1.414z'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const Mute = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 20 20' fill='none'>
+    <Mask id='path-1-inside-1_10189_3453' fill='white'>
+      <Path
+        fillRule='evenodd'
+        clipRule='evenodd'
+        d='M14.1667 4.94945V3.52154C14.1667 2.67247 13.2054 2.18008 12.5163 2.67619L8.40441 5.63679C8.22712 5.76443 8.01421 5.83311 7.79576 5.83311H6.45833C5.19268 5.83311 4.16666 6.85912 4.16666 8.12477V11.8747C4.16666 12.7083 4.61171 13.4379 5.27714 13.839L2.68306 16.4331C2.43898 16.6772 2.43898 17.0728 2.68306 17.3169C2.92713 17.561 3.32286 17.561 3.56694 17.3169L17.3169 3.56694C17.561 3.32287 17.561 2.92713 17.3169 2.68306C17.0728 2.43898 16.6772 2.43898 16.4331 2.68306L14.1667 4.94945ZM6.22574 12.8904C5.76241 12.7847 5.41666 12.3701 5.41666 11.8747V8.12477C5.41666 7.54948 5.88303 7.08311 6.45833 7.08311H7.79576C8.27634 7.08311 8.74475 6.93202 9.13475 6.65121L12.9167 3.92826V6.19945L6.22574 12.8904Z'
+      />
+      <Path d='M12.9167 16.0713L9.23183 13.4182L8.33391 14.3162C8.35791 14.3307 8.3815 14.3462 8.40441 14.3627L12.5163 17.3233C13.2054 17.8195 14.1667 17.3271 14.1667 16.478V8.48342L12.9167 9.73342V16.0713Z' />
+    </Mask>
+    <Path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M14.1667 4.94945V3.52154C14.1667 2.67247 13.2054 2.18008 12.5163 2.67619L8.40441 5.63679C8.22712 5.76443 8.01421 5.83311 7.79576 5.83311H6.45833C5.19268 5.83311 4.16666 6.85912 4.16666 8.12477V11.8747C4.16666 12.7083 4.61171 13.4379 5.27714 13.839L2.68306 16.4331C2.43898 16.6772 2.43898 17.0728 2.68306 17.3169C2.92713 17.561 3.32286 17.561 3.56694 17.3169L17.3169 3.56694C17.561 3.32287 17.561 2.92713 17.3169 2.68306C17.0728 2.43898 16.6772 2.43898 16.4331 2.68306L14.1667 4.94945ZM6.22574 12.8904C5.76241 12.7847 5.41666 12.3701 5.41666 11.8747V8.12477C5.41666 7.54948 5.88303 7.08311 6.45833 7.08311H7.79576C8.27634 7.08311 8.74475 6.93202 9.13475 6.65121L12.9167 3.92826V6.19945L6.22574 12.8904Z'
+      {...rest}
+    />
+    <Path
+      d='M12.9167 16.0713L9.23183 13.4182L8.33391 14.3162C8.35791 14.3307 8.3815 14.3462 8.40441 14.3627L12.5163 17.3233C13.2054 17.8195 14.1667 17.3271 14.1667 16.478V8.48342L12.9167 9.73342V16.0713Z'
+      {...rest}
+    />
+    <Path
+      d='M14.1667 4.94945H12.6667V8.57074L15.2273 6.01012L14.1667 4.94945ZM12.5163 2.67619L11.6399 1.45886L11.6399 1.45889L12.5163 2.67619ZM8.40442 5.63679L9.28083 6.85412L9.28088 6.85409L8.40442 5.63679ZM5.27714 13.839L6.3378 14.8997L7.69345 13.544L6.05147 12.5543L5.27714 13.839ZM2.68306 16.4331L1.6224 15.3724L1.62238 15.3724L2.68306 16.4331ZM3.56694 17.3169L2.50628 16.2563L2.50626 16.2563L3.56694 17.3169ZM17.3169 3.56694L16.2563 2.50626L16.2563 2.50628L17.3169 3.56694ZM16.4331 2.68306L15.3724 1.62238L15.3724 1.62239L16.4331 2.68306ZM6.22574 12.8904L5.89197 14.3528L6.7002 14.5373L7.2864 13.9511L6.22574 12.8904ZM9.13475 6.65121L8.2583 5.4339L8.25827 5.43392L9.13475 6.65121ZM12.9167 3.92826H14.4167V0.999925L12.0402 2.71095L12.9167 3.92826ZM12.9167 6.19945L13.9773 7.26011L14.4167 6.82077V6.19945H12.9167ZM12.9167 16.0713L12.0402 17.2886L14.4167 18.9997V16.0713H12.9167ZM9.23183 13.4183L10.1083 12.2009L9.07313 11.4556L8.17117 12.3576L9.23183 13.4183ZM8.33391 14.3162L7.27325 13.2555L5.9226 14.6062L7.55498 15.5981L8.33391 14.3162ZM8.40441 14.3628L9.28087 13.1454H9.28087L8.40441 14.3628ZM12.5163 17.3233L13.3928 16.1061L13.3928 16.106L12.5163 17.3233ZM14.1667 8.48342H15.6667V4.86209L13.106 7.42276L14.1667 8.48342ZM12.9167 9.73342L11.856 8.67276L11.4167 9.1121V9.73342H12.9167ZM14.1667 4.94945H15.6667V3.52154H14.1667H12.6667V4.94945H14.1667ZM14.1667 3.52154H15.6667C15.6667 1.44978 13.3212 0.248435 11.6399 1.45886L12.5163 2.67619L13.3928 3.89352C13.0897 4.11173 12.6667 3.89517 12.6667 3.52154H14.1667ZM12.5163 2.67619L11.6399 1.45889L7.52795 4.41949L8.40442 5.63679L9.28088 6.85409L13.3928 3.89349L12.5163 2.67619ZM8.40442 5.63679L7.528 4.41946C7.60596 4.36333 7.69963 4.33311 7.79576 4.33311V5.83311V7.33311C8.32878 7.33311 8.84828 7.16553 9.28083 6.85412L8.40442 5.63679ZM7.79576 5.83311V4.33311H6.45833V5.83311V7.33311H7.79576V5.83311ZM6.45833 5.83311V4.33311C4.36425 4.33311 2.66666 6.0307 2.66666 8.12477H4.16666H5.66666C5.66666 7.68755 6.02111 7.33311 6.45833 7.33311V5.83311ZM4.16666 8.12477H2.66666V11.8747H4.16666H5.66666V8.12477H4.16666ZM4.16666 11.8747H2.66666C2.66666 13.2557 3.40584 14.4625 4.50281 15.1237L5.27714 13.839L6.05147 12.5543C5.81757 12.4133 5.66666 12.1609 5.66666 11.8747H4.16666ZM5.27714 13.839L4.21648 12.7783L1.6224 15.3724L2.68306 16.4331L3.74372 17.4937L6.3378 14.8997L5.27714 13.839ZM2.68306 16.4331L1.62238 15.3724C0.792541 16.2023 0.792541 17.5477 1.62238 18.3776L2.68306 17.3169L3.74373 16.2563C4.08542 16.598 4.08542 17.152 3.74373 17.4937L2.68306 16.4331ZM2.68306 17.3169L1.62238 18.3776C2.45224 19.2075 3.79775 19.2075 4.62762 18.3776L3.56694 17.3169L2.50626 16.2563C2.84798 15.9145 3.40202 15.9145 3.74373 16.2563L2.68306 17.3169ZM3.56694 17.3169L4.6276 18.3776L18.3776 4.6276L17.3169 3.56694L16.2563 2.50628L2.50628 16.2563L3.56694 17.3169ZM17.3169 3.56694L18.3776 4.62762C19.2075 3.79775 19.2075 2.45224 18.3776 1.62238L17.3169 2.68306L16.2563 3.74374C15.9145 3.40202 15.9145 2.84798 16.2563 2.50626L17.3169 3.56694ZM17.3169 2.68306L18.3776 1.62238C17.5477 0.792542 16.2023 0.792542 15.3724 1.62238L16.4331 2.68306L17.4937 3.74374C17.152 4.08542 16.598 4.08542 16.2563 3.74374L17.3169 2.68306ZM16.4331 2.68306L15.3724 1.62239L13.106 3.88878L14.1667 4.94945L15.2273 6.01012L17.4937 3.74372L16.4331 2.68306ZM6.22574 12.8904L6.55951 11.428C6.76332 11.4745 6.91666 11.6548 6.91666 11.8747H5.41666H3.91666C3.91666 13.0853 4.76149 14.0948 5.89197 14.3528L6.22574 12.8904ZM5.41666 11.8747H6.91666V8.12477H5.41666H3.91666V11.8747H5.41666ZM5.41666 8.12477H6.91666C6.91666 8.3779 6.71147 8.58311 6.45833 8.58311V7.08311V5.58311C5.0546 5.58311 3.91666 6.72106 3.91666 8.12477H5.41666ZM6.45833 7.08311V8.58311H7.79576V7.08311V5.58311H6.45833V7.08311ZM7.79576 7.08311V8.58311C8.59092 8.58311 9.36594 8.33311 10.0112 7.8685L9.13475 6.65121L8.25827 5.43392C8.12355 5.53092 7.96176 5.58311 7.79576 5.58311V7.08311ZM9.13475 6.65121L10.0112 7.86851L13.7931 5.14556L12.9167 3.92826L12.0402 2.71095L8.2583 5.4339L9.13475 6.65121ZM12.9167 3.92826H11.4167V6.19945H12.9167H14.4167V3.92826H12.9167ZM12.9167 6.19945L11.856 5.13879L5.16508 11.8298L6.22574 12.8904L7.2864 13.9511L13.9773 7.26011L12.9167 6.19945ZM12.9167 16.0713L13.7931 14.854L10.1083 12.2009L9.23183 13.4183L8.35537 14.6356L12.0402 17.2886L12.9167 16.0713ZM9.23183 13.4183L8.17117 12.3576L7.27325 13.2555L8.33391 14.3162L9.39457 15.3768L10.2925 14.4789L9.23183 13.4183ZM8.33391 14.3162L7.55498 15.5981C7.54867 15.5942 7.53944 15.5883 7.52796 15.5801L8.40441 14.3628L9.28087 13.1454C9.22355 13.1042 9.16716 13.0673 9.11285 13.0343L8.33391 14.3162ZM8.40441 14.3628L7.52796 15.5801L11.6399 18.5406L12.5163 17.3233L13.3928 16.106L9.28087 13.1454L8.40441 14.3628ZM12.5163 17.3233L11.6398 18.5406C13.3212 19.7513 15.6667 18.5497 15.6667 16.478H14.1667H12.6667C12.6667 16.1045 13.0896 15.8877 13.3928 16.1061L12.5163 17.3233ZM14.1667 16.478H15.6667V8.48342H14.1667H12.6667V16.478H14.1667ZM14.1667 8.48342L13.106 7.42276L11.856 8.67276L12.9167 9.73342L13.9773 10.7941L15.2273 9.54408L14.1667 8.48342ZM12.9167 9.73342H11.4167V16.0713H12.9167H14.4167V9.73342H12.9167Z'
+      mask='url(#path-1-inside-1_10189_3453)'
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/NewClose.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const NewClose = ({ height, width, ...rest }: IconProps) => (
+  <Svg height={height} viewBox={`0 0 16 16`} width={width} {...rest}>
+    <Path
+      d='M5.1665 5.1665L10.8332 10.8332M10.8332 5.1665L5.1665 10.8332'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={2}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/OtherFileIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import Svg, { Path, Rect } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const OtherFileIcon = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 40 48' fill='none'>
+    <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='#888888'
+      {...rest}
+    />
+    <Path
+      opacity='0.5'
+      d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z'
+      fill='white'
+      {...rest}
+    />
+    <Rect x='11' y='16.6001' width='16.2' height='1.8' rx='0.9' fill='white' />
+    <Rect x='11' y='25.6001' width='16.2' height='1.8' rx='0.9' fill='white' />
+    <Rect x='11' y='21.1001' width='10.8' height='1.8' rx='0.9' fill='white' />
+  </Svg>
+);

package/src/icons/PDF.tsx

@@ -1,30 +1,38 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
 
-export const PDF = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
-    <RootPath
-      d='M0 3a3 3 0 013-3h20.333l10 10v27a3 3 0 01-3 3H3a3 3 0 01-3-3V3z'
-      pathFill='#F5F5F5'
-    />
-    <RootPath d='M0 28h33.333v9a3 3 0 01-3 3H3a3 3 0 01-3-3v-9z' pathFill='#D93831' />
-    <RootPath
-      d='M25.864 9.99a2.48 2.48 0 01-2.48-2.48V.058L33.33 9.99h-7.465z'
-      pathFill='#DBDBDB'
+import { IconProps } from './utils/base';
+
+export const PDF = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 40 48' fill='none'>
+    <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='#E71A01'
+      {...rest}
     />
-    <RootPath
-      d='M14.164 35.841a.632.632 0 01-.541-.279 1.005 1.005 0 01-.117-.295 1.732 1.732 0 010-.687.905.905 0 01.111-.295.61.61 0 01.541-.29.625.625 0 01.536.296.836.836 0 01.117.295c.026.111.04.225.04.34 0 .116-.012.229-.034.34a.836.836 0 01-.117.296.61.61 0 01-.536.28zm-1.456-2.366v3.895h.792v-1.367h.011c.097.142.22.25.369.324.152.07.317.106.496.106a1.141 1.141 0 00.949-.452c.108-.138.188-.296.24-.474a2.162 2.162 0 000-1.144 1.433 1.433 0 00-.24-.497 1.21 1.21 0 00-.408-.34 1.25 1.25 0 00-.585-.129c-.18 0-.343.036-.492.106a.872.872 0 00-.368.34h-.011v-.368h-.753zm5.459 1.434c0 .12-.011.235-.034.346a.97.97 0 01-.111.302.594.594 0 01-.536.284.62.62 0 01-.318-.078.786.786 0 01-.218-.212.986.986 0 01-.122-.301 1.466 1.466 0 01-.04-.335c0-.119.012-.232.034-.34a1 1 0 01.117-.296.642.642 0 01.218-.207.643.643 0 01.329-.078c.13 0 .238.026.324.078a.78.78 0 01.324.497c.022.108.033.221.033.34zm.01 1.083v.368h.754v-3.984h-.792v1.451h-.011a.83.83 0 00-.369-.318 1.093 1.093 0 00-.485-.112 1.194 1.194 0 00-.96.458 1.527 1.527 0 00-.24.48 2.142 2.142 0 000 1.138c.056.186.136.352.24.497.108.141.244.255.407.34.164.082.354.123.57.123.19 0 .359-.034.508-.1a.831.831 0 00.368-.341h.01zm1.526-1.986v2.354h.792v-2.355h.547v-.53h-.547v-.172c0-.12.023-.203.067-.252.049-.052.127-.078.235-.078.1 0 .197.006.29.017v-.592l-.206-.01a2.036 2.036 0 00-.213-.012c-.323 0-.565.082-.725.246a.865.865 0 00-.24.63v.223h-.474v.53h.474z'
-      pathFill='#FFFFFF'
+    <Path
+      opacity='0.5'
+      d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z'
+      fill='white'
+      {...rest}
     />
-    <RootPath
-      d='M18.39 8.906c-.175-.633-.603-.948-.964-.902-.436.057-.9.316-1.086.725-.486 1.092.428 4.164.688 5.038l.045.152c-1.058 3.194-4.679 9.507-6.453 9.934-.037-.417.186-1.624 2.526-3.129.12-.13.26-.287.325-.39-1.978.966-4.54 2.517-3 3.677.085.066.214.12.363.176 1.18.437 2.832-.992 4.493-4.233 1.83-.604 3.306-1.058 5.395-1.374 2.283 1.55 3.816 1.866 4.856 1.467.288-.112.742-.474.872-.947.065-.223.158-.585-.018-.873-.59-.961-2.98-.632-4.4-.437-.253.035-.475.066-.651.084-1.829-1.104-3.092-3.073-3.603-4.494.079-.302.158-.591.234-.868.385-1.4.689-2.506.38-3.606h-.002zM26.45 19.1c-.845 1.04-2.822.316-4.4-.678 1.457-.158 2.96-.25 3.611-.046.827.26.798.668.79.724zm-8.849-6.36c-.305-1.086-.733-3.5-.046-4.28 1.146.656.711 2.078.27 3.523-.077.253-.154.506-.224.757zm-2.162 6.843c1.717-.678 2.915-1.134 4.679-1.458-1.3-1.17-2.09-2.442-2.74-3.742-.463 1.672-1.43 4.206-1.94 5.2z'
-      pathFill='#CFCFCF'
+    <G clip-path='url(#clip0_157_2463)'>
+      <Path
+        d='M28.7225 23.475C28.19 22.9163 27.098 22.5975 25.5545 22.5975C24.7295 22.5975 23.7717 22.677 22.7337 22.863C22.0978 22.2515 21.5187 21.5835 21.0035 20.8673C20.6045 20.3348 20.258 19.7498 19.9385 19.1903C20.5512 17.3273 20.8437 15.81 20.8437 14.7188C20.8437 13.4948 20.3915 12.2168 19.0872 12.2168C18.6882 12.2168 18.2885 12.4568 18.0755 12.8025C17.4905 13.8405 17.7568 16.1025 18.7677 18.3383C18.3872 19.4816 17.9611 20.6093 17.4905 21.7185C17.0645 22.7303 16.5853 23.7683 16.0528 24.726C13.1255 25.8975 11.2355 27.255 11.0225 28.3186C10.943 28.7183 11.0758 29.091 11.369 29.3835C11.4755 29.4638 11.8483 29.7833 12.4865 29.7833C14.429 29.7833 16.4788 26.6423 17.5168 24.753C18.3155 24.4868 19.1143 24.2205 19.9122 24.0075C20.7542 23.7789 21.607 23.5924 22.4675 23.4488C24.5165 25.2848 26.3262 25.578 27.2315 25.578C28.349 25.578 28.7487 25.125 28.8815 24.753C29.1215 24.273 28.9617 23.7413 28.7225 23.475ZM27.6575 24.2475C27.5772 24.6465 27.1775 24.9128 26.6195 24.9128C26.4597 24.9128 26.327 24.8858 26.1665 24.8595C25.1555 24.6195 24.197 24.114 23.2392 23.3153C23.9777 23.1904 24.7253 23.1282 25.4742 23.1293C26.0337 23.1293 26.513 23.1555 26.8317 23.2358C27.2045 23.3153 27.7902 23.5553 27.6567 24.2468L27.6575 24.2475ZM22.0145 22.9965C21.2718 23.1357 20.535 23.3043 19.8057 23.502C19.1698 23.6674 18.5394 23.8537 17.9157 24.0608C18.2399 23.4329 18.5419 22.7937 18.821 22.1445C19.1405 21.399 19.406 20.6273 19.673 19.9088C19.9385 20.361 20.2317 20.814 20.5242 21.213C21.0025 21.8228 21.4995 22.4175 22.0145 22.9965ZM18.5285 13.095C18.5755 13.0008 18.6475 12.9212 18.7367 12.865C18.8258 12.8088 18.9286 12.7781 19.034 12.7763C19.5927 12.7763 19.6992 13.4145 19.6992 13.9208C19.6992 14.772 19.433 16.0763 18.9807 17.5665C18.2082 15.4905 18.1557 13.761 18.5285 13.095ZM15.6005 25.4978C14.243 27.7335 12.9388 29.1173 12.1408 29.1173C11.9968 29.1182 11.8565 29.0715 11.7418 28.9846C11.582 28.8248 11.5018 28.6388 11.555 28.4258C11.7148 27.627 13.2583 26.5095 15.6005 25.4978Z'
+        fill='white'
+        {...rest}
+      />
+    </G>
+    <Path
+      d='M13.7422 41.4258V35.6992H14.8828V36.3633H14.9531C15.0286 36.2096 15.1276 36.0781 15.25 35.9688C15.375 35.8594 15.5208 35.776 15.6875 35.7188C15.8542 35.6589 16.0391 35.6289 16.2422 35.6289C16.6016 35.6289 16.9115 35.7188 17.1719 35.8984C17.4323 36.0781 17.6328 36.3333 17.7734 36.6641C17.9167 36.9922 17.9883 37.3854 17.9883 37.8438V37.8516C17.9883 38.3125 17.918 38.7083 17.7773 39.0391C17.6367 39.3698 17.4362 39.6237 17.1758 39.8008C16.9154 39.9779 16.6042 40.0664 16.2422 40.0664C16.0443 40.0664 15.8607 40.0365 15.6914 39.9766C15.5247 39.9141 15.3776 39.8268 15.25 39.7148C15.125 39.6029 15.026 39.4688 14.9531 39.3125H14.8828V41.4258H13.7422ZM15.8516 39.1211C16.0547 39.1211 16.2279 39.0703 16.3711 38.9688C16.5169 38.8672 16.6289 38.7214 16.707 38.5312C16.7878 38.3411 16.8281 38.1146 16.8281 37.8516V37.8438C16.8281 37.5807 16.7878 37.3542 16.707 37.1641C16.6289 36.974 16.5169 36.8281 16.3711 36.7266C16.2279 36.625 16.0547 36.5742 15.8516 36.5742C15.651 36.5742 15.4766 36.625 15.3281 36.7266C15.1823 36.8281 15.069 36.974 14.9883 37.1641C14.9102 37.3516 14.8711 37.5781 14.8711 37.8438V37.8516C14.8711 38.112 14.9115 38.3385 14.9922 38.5312C15.0729 38.7214 15.1862 38.8672 15.332 38.9688C15.4805 39.0703 15.6536 39.1211 15.8516 39.1211ZM20.457 40.0664C20.1003 40.0664 19.7904 39.9779 19.5273 39.8008C19.2669 39.6211 19.0651 39.3659 18.9219 39.0352C18.7812 38.7044 18.7109 38.3099 18.7109 37.8516V37.8438C18.7109 37.3828 18.7799 36.987 18.918 36.6562C19.0586 36.3255 19.2591 36.0716 19.5195 35.8945C19.7799 35.7174 20.0924 35.6289 20.457 35.6289C20.6523 35.6289 20.8333 35.6602 21 35.7227C21.1693 35.7826 21.3177 35.8685 21.4453 35.9805C21.5729 36.0924 21.6719 36.2279 21.7422 36.3867H21.8125V34.0547H22.9531V40H21.8125V39.332H21.7422C21.6693 39.4857 21.5703 39.6172 21.4453 39.7266C21.3229 39.8359 21.1784 39.9206 21.0117 39.9805C20.8451 40.0378 20.6602 40.0664 20.457 40.0664ZM20.8438 39.1211C21.0469 39.1211 21.2214 39.0703 21.3672 38.9688C21.513 38.8672 21.625 38.7214 21.7031 38.5312C21.7839 38.3411 21.8242 38.1159 21.8242 37.8555V37.8477C21.8242 37.582 21.7839 37.3555 21.7031 37.168C21.625 36.9779 21.5117 36.832 21.3633 36.7305C21.2174 36.6263 21.0443 36.5742 20.8438 36.5742C20.6458 36.5742 20.4727 36.6263 20.3242 36.7305C20.1784 36.832 20.0664 36.9779 19.9883 37.168C19.9102 37.3555 19.8711 37.5807 19.8711 37.8438V37.8516C19.8711 38.1146 19.9102 38.3411 19.9883 38.5312C20.0664 38.7214 20.1784 38.8672 20.3242 38.9688C20.4701 39.0703 20.6432 39.1211 20.8438 39.1211ZM24.4648 40V36.5586H23.7695V35.6992H24.4648V35.2969C24.4648 35.0104 24.5156 34.7721 24.6172 34.582C24.7188 34.3919 24.8776 34.25 25.0938 34.1562C25.3125 34.0599 25.5951 34.0117 25.9414 34.0117C26.0586 34.0117 26.1641 34.0156 26.2578 34.0234C26.3542 34.0312 26.444 34.0417 26.5273 34.0547V34.8164C26.4909 34.8086 26.4427 34.8034 26.3828 34.8008C26.3255 34.7956 26.2604 34.793 26.1875 34.793C25.9661 34.793 25.8099 34.8438 25.7188 34.9453C25.6276 35.0443 25.582 35.1875 25.582 35.375V35.6992H26.4922V36.5586H25.6055V40H24.4648Z'
+      fill='white'
+      {...rest}
     />
-  </RootSvg>
+    <Defs>
+      <ClipPath id='clip0_157_2463'>
+        <Rect width='18' height='18' fill='white' transform='translate(11 12)' />
+      </ClipPath>
+    </Defs>
+  </Svg>
 );

package/src/icons/Pause.tsx

@@ -1,12 +1,18 @@
 import React from 'react';
-import Svg, { Path } from 'react-native-svg';
 
-import { IconProps } from './utils/base';
+import { Path, Svg } from 'react-native-svg';
 
-type Props = IconProps;
+import { IconProps } from './utils/base';
 
-export const Pause = ({ height, width, ...rest }: Props) => (
-  <Svg height={height} viewBox={'0 0 24 24'} width={width} {...rest}>
-    <Path d='M6 19H10V5H6V19ZM14 5V19H18V5H14Z' {...rest} />
+export const Pause = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M5.62501 2.5C4.35936 2.5 3.33334 3.52602 3.33334 4.79167V15.2083C3.33334 16.474 4.35936 17.5 5.62501 17.5H6.04168C7.30733 17.5 8.33334 16.474 8.33334 15.2083V4.79167C8.33334 3.52602 7.30733 2.5 6.04168 2.5H5.62501Z'
+      {...rest}
+    />
+    <Path
+      d='M13.9583 2.5C12.6927 2.5 11.6667 3.52602 11.6667 4.79167V15.2083C11.6667 16.474 12.6927 17.5 13.9583 17.5H14.375C15.6407 17.5 16.6667 16.474 16.6667 15.2083V4.79167C16.6667 3.52602 15.6407 2.5 14.375 2.5H13.9583Z'
+      {...rest}
+    />
   </Svg>
 );

package/src/icons/PeopleIcon.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const PeopleIcon = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 20 20`} width={width} {...rest}>
+    <Path
+      d='M13.125 5.41667C13.125 7.14256 11.7259 8.54167 10 8.54167C8.27411 8.54167 6.875 7.14256 6.875 5.41667C6.875 3.69078 8.27411 2.29167 10 2.29167C11.7259 2.29167 13.125 3.69078 13.125 5.41667Z'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+    <Path
+      d='M10.0009 11.0417C7.17497 11.0417 5.03092 12.7203 4.153 15.0941C3.81233 16.0152 4.59953 16.875 5.58163 16.875H14.4202C15.4023 16.875 16.1895 16.0152 15.8488 15.0941C14.9709 12.7203 12.8269 11.0417 10.0009 11.0417Z'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/PhotoIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const PhotoIcon = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={`0 0 12 12`} width={width} {...rest}>
+    <Path
+      d='M2.375 3.375H3.21481C3.54917 3.375 3.8614 3.2079 4.04686 2.9297L4.45313 2.3203C4.6386 2.0421 4.95083 1.875 5.2852 1.875H6.7148C7.04915 1.875 7.3614 2.0421 7.54685 2.3203L7.95315 2.9297C8.1386 3.2079 8.45085 3.375 8.7852 3.375H9.625C10.1773 3.375 10.625 3.82272 10.625 4.375V9.125C10.625 9.6773 10.1773 10.125 9.625 10.125H2.375C1.82271 10.125 1.375 9.6773 1.375 9.125V4.375C1.375 3.82272 1.82271 3.375 2.375 3.375Z'
+      strokeLinecap='square'
+      strokeLinejoin='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+    <Path
+      d='M7.625 6.5C7.625 7.39745 6.89745 8.125 6 8.125C5.10255 8.125 4.375 7.39745 4.375 6.5C4.375 5.60255 5.10255 4.875 6 4.875C6.89745 4.875 7.625 5.60255 7.625 6.5Z'
+      strokeLinecap='square'
+      strokeLinejoin='round'
+      strokeWidth={1.2}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Picture.tsx

@@ -1,16 +1,22 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const Picture = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M2 8a3 3 0 013-3h14a3 3 0 013 3v8a3 3 0 01-3 3H5a3 3 0 01-3-3V8zm3-1a1 1 0 00-1 1v8a1 1 0 001 1h14a1 1 0 001-1V8a1 1 0 00-1-1H5z'
-      {...props}
-    />
-    <RootPath
-      d='M15.99 9a1 1 0 01.778.36l5 6a1 1 0 11-1.536 1.28l-4.216-5.059-3.235 4.044a1 1 0 01-1.381.175l-3.306-2.48-3.387 3.387a1 1 0 01-1.414-1.414l4-4A1 1 0 018.6 11.2l3.225 2.418 3.394-4.243A1 1 0 0115.99 9z'
-      {...props}
-    />
-  </RootSvg>
-);
+import { IconProps } from './utils/base';
+
+// TODO V9: This SVG relies on path fill instead of stroke. We need to refactor how
+//          SVGs are resolved before we remove the hack of applying the pathFill
+//          directly.
+export const Picture = (props: IconProps) => {
+  const { stroke, ...rest } = props;
+  return (
+    <Svg fill={stroke} viewBox='0 0 16 16' {...rest} strokeWidth={0}>
+      <Path
+        d='M5.47018 8.8035L6.00051 8.27317L6.00049 8.27316L5.47018 8.8035ZM3.11316 8.8035L2.58284 8.27316L2.58283 8.27317L3.11316 8.8035ZM11.1667 14.5L11.697 13.9697L6.00051 8.27317L5.47018 8.8035L4.93984 9.33383L10.6363 15.0303L11.1667 14.5ZM5.47018 8.8035L6.00049 8.27316C5.05674 7.32945 3.5266 7.32945 2.58284 8.27316L3.11316 8.8035L3.64347 9.33384C4.00145 8.97589 4.58188 8.97589 4.93986 9.33384L5.47018 8.8035ZM3.11316 8.8035L2.58283 8.27317L0.219669 10.6363L0.75 11.1667L1.28033 11.697L3.64349 9.33383L3.11316 8.8035ZM11.1667 14.5V15.25H12.8333V14.5V13.75H11.1667V14.5ZM12.8333 14.5V15.25C14.168 15.25 15.25 14.168 15.25 12.8333H14.5H13.75C13.75 13.3396 13.3396 13.75 12.8333 13.75V14.5ZM14.5 12.8333H15.25V2.41667H14.5H13.75V12.8333H14.5ZM14.5 2.41667H15.25C15.25 1.08199 14.1681 0 12.8333 0V0.75V1.5C13.3396 1.5 13.75 1.9104 13.75 2.41667H14.5ZM12.8333 0.75V0H2.41667V0.75V1.5H12.8333V0.75ZM2.41667 0.75V0C1.08198 0 0 1.08198 0 2.41667H0.75H1.5C1.5 1.91041 1.91041 1.5 2.41667 1.5V0.75ZM0.75 2.41667H0V11.1667H0.75H1.5V2.41667H0.75ZM11.1667 14.5V13.75H2.41667V14.5V15.25H11.1667V14.5ZM2.41667 14.5V13.75C1.9104 13.75 1.5 13.3396 1.5 12.8333H0.75H0C0 14.1681 1.08199 15.25 2.41667 15.25V14.5ZM0.75 12.8333H1.5V11.1667H0.75H0V12.8333H0.75ZM9.70833 7.20833V7.95833C11.043 7.95833 12.125 6.87638 12.125 5.54167H11.375H10.625C10.625 6.04795 10.2146 6.45833 9.70833 6.45833V7.20833ZM11.375 5.54167H12.125C12.125 4.20699 11.0431 3.125 9.70833 3.125V3.875V4.625C10.2146 4.625 10.625 5.0354 10.625 5.54167H11.375ZM9.70833 3.875V3.125C8.37361 3.125 7.29167 4.20699 7.29167 5.54167H8.04167H8.79167C8.79167 5.0354 9.20205 4.625 9.70833 4.625V3.875ZM8.04167 5.54167H7.29167C7.29167 6.87638 8.37362 7.95833 9.70833 7.95833V7.20833V6.45833C9.20205 6.45833 8.79167 6.04795 8.79167 5.54167H8.04167Z'
+        {...rest}
+        strokeWidth={0}
+        fill={stroke}
+      />
+    </Svg>
+  );
+};

package/src/icons/Pin.tsx

@@ -1,21 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import { Path, Svg } from 'react-native-svg';
 
-type Props = IconProps & {
-  size: number;
-};
+import { IconProps } from './utils/base';
 
-export const Pin = (props: Props) => (
-  <RootSvg
-    height={props.size}
-    viewBox={`0 0 ${props.size} ${props.size}`}
-    width={props.size}
-    {...props}
-  >
-    <RootPath
-      d='M16.041 0.293372C15.7956 0.0479219 15.4405 -0.0529382 15.1027 0.0268118C14.7649 0.106562 14.4924 0.355552 14.3826 0.684852L13.7492 2.58516L9.0804 7.25401C6.69213 6.71299 3.39999 8.68517 1.29335 10.7918C0.902218 11.1829 0.902218 11.8171 1.29335 12.2082L5.83434 16.7492L1.70973 20.8738C1.3186 21.265 1.3186 21.8991 1.70973 22.2902C2.10086 22.6814 2.73501 22.6814 3.12614 22.2902L7.25074 18.1656L11.7918 22.7067C12.1829 23.0978 12.8171 23.0978 13.2082 22.7067C15.3148 20.6 17.287 17.3079 16.746 14.9196L21.4148 10.2508L23.3151 9.61735C23.6444 9.50758 23.8934 9.23514 23.9732 8.89731C24.0529 8.55948 23.9521 8.20444 23.7066 7.95899L16.041 0.293372ZM15.5748 3.4429L15.7705 2.85567L21.1443 8.2295L20.5571 8.42525C20.4096 8.47441 20.2756 8.55725 20.1656 8.6672L14.9164 13.9164C14.6481 14.1847 14.5545 14.5814 14.6744 14.9413C15.1518 16.3733 13.8573 18.8847 12.4693 20.5514L3.44861 11.5307C5.11529 10.1427 7.62666 8.84822 9.0587 9.3256C9.4186 9.4455 9.8153 9.3519 10.0836 9.0836L15.3328 3.83438C15.4427 3.72444 15.5256 3.59041 15.5748 3.4429Z'
-      {...props}
+export const Pin = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width} {...rest}>
+    <Path
+      d='M5.58333 10.417L8.13947 12.9731C8.91173 13.7453 10.234 13.3125 10.4001 12.2331L10.8931 9.02866C10.96 8.59372 11.2372 8.21979 11.6339 8.02933L13.4703 7.14793C14.2989 6.75019 14.486 5.65301 13.8361 5.00308L10.9973 2.16421C10.3473 1.51428 9.25013 1.70142 8.8524 2.53005L7.97093 4.36638C7.78053 4.76311 7.4066 5.04032 6.97167 5.10723L3.76728 5.60022C2.68784 5.76629 2.25495 7.08859 3.02721 7.86086L5.58333 10.417ZM5.58333 10.417L5.58823 10.4121M5.58333 10.417L2.5 13.5003'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Play.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
 
-import Svg, { Path } from 'react-native-svg';
+import { Path, Svg } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
-type Props = IconProps;
-
-export const Play = ({ height, width, ...rest }: Props) => (
-  <Svg height={height} viewBox={'0 0 24 24'} width={width} {...rest}>
-    <Path d='M6.5 5V19L17.5 12L6.5 5Z' {...rest} />
+export const Play = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M7.70327 1.97298C6.17848 0.986351 4.16666 2.08084 4.16666 3.89699V16.1032C4.16666 17.9193 6.17848 19.0138 7.70327 18.0272L17.1353 11.9241C18.5309 11.0211 18.531 8.97917 17.1353 8.07608L7.70327 1.97298Z'
+      {...rest}
+    />
   </Svg>
 );

package/src/icons/Plus.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Plus = ({ height, width, ...rest }: IconProps) => (
+  <Svg height={height} viewBox={`0 0 20 20`} width={width} {...rest}>
+    <Path d='M10 3.125V10M10 10V16.875M10 10H3.125M10 10H16.875' {...rest} />
+  </Svg>
+);

package/src/icons/PollIcon.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const PollIcon = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M7.70833 16.875V11.4583H3.95833C3.4981 11.4583 3.125 11.8314 3.125 12.2917V16.0417C3.125 16.5019 3.4981 16.875 3.95833 16.875H7.70833ZM7.70833 16.875H12.2917M7.70833 16.875V3.95833C7.70833 3.4981 8.08143 3.125 8.54167 3.125H11.4583C11.9186 3.125 12.2917 3.4981 12.2917 3.95833V16.875M12.2917 16.875H16.4583C16.6884 16.875 16.875 16.6884 16.875 16.4583V8.125C16.875 7.66477 16.5019 7.29167 16.0417 7.29167H12.2917V16.875Z'
+      strokeLinecap='square'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/PollThumbnail.tsx

@@ -1,12 +1,14 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
 
 export const PollThumbnail = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM16 16H2V2H16V16ZM4 7H6V14H4V7ZM8 4H10V14H8V4ZM12 10H14V14H12V10Z'
+  <Svg viewBox='0 0 16 16' fill='none' {...props}>
+    <Path
+      d='M5.33333 14.5V9.08333H1.58333C1.1231 9.08333 0.75 9.45642 0.75 9.91667V13.6667C0.75 14.1269 1.1231 14.5 1.58333 14.5H5.33333ZM5.33333 14.5H9.91667M5.33333 14.5V1.58333C5.33333 1.1231 5.70643 0.75 6.16667 0.75H9.08333C9.54358 0.75 9.91667 1.1231 9.91667 1.58333V14.5M9.91667 14.5H14.0833C14.3134 14.5 14.5 14.3134 14.5 14.0833V5.75C14.5 5.28977 14.1269 4.91667 13.6667 4.91667H9.91667V14.5Z'
       {...props}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Presentation.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Presentation = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 40 48' fill='none'>
+    <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='#D14423'
+      {...rest}
+    />
+    <Path
+      opacity='0.5'
+      d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z'
+      fill='white'
+      {...rest}
+    />
+    <Path
+      d='M14.5625 14.8125H25.4375M14.5625 26.4375C13.7341 26.4375 13.0625 25.7659 13.0625 24.9375V18.5625C13.0625 17.7341 13.7341 17.0625 14.5625 17.0625H25.4375C26.2659 17.0625 26.9375 17.7341 26.9375 18.5625V24.9375C26.9375 25.7659 26.2659 26.4375 25.4375 26.4375H14.5625Z'
+      stroke='white'
+      strokeWidth='1.5'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
+    />
+    <Path
+      d='M13.7383 41.4258V35.6992H14.8789V36.3633H14.9492C15.0247 36.2096 15.1237 36.0781 15.2461 35.9688C15.3711 35.8594 15.5169 35.776 15.6836 35.7188C15.8503 35.6589 16.0352 35.6289 16.2383 35.6289C16.5977 35.6289 16.9076 35.7188 17.168 35.8984C17.4284 36.0781 17.6289 36.3333 17.7695 36.6641C17.9128 36.9922 17.9844 37.3854 17.9844 37.8438V37.8516C17.9844 38.3125 17.9141 38.7083 17.7734 39.0391C17.6328 39.3698 17.4323 39.6237 17.1719 39.8008C16.9115 39.9779 16.6003 40.0664 16.2383 40.0664C16.0404 40.0664 15.8568 40.0365 15.6875 39.9766C15.5208 39.9141 15.3737 39.8268 15.2461 39.7148C15.1211 39.6029 15.0221 39.4688 14.9492 39.3125H14.8789V41.4258H13.7383ZM15.8477 39.1211C16.0508 39.1211 16.224 39.0703 16.3672 38.9688C16.513 38.8672 16.625 38.7214 16.7031 38.5312C16.7839 38.3411 16.8242 38.1146 16.8242 37.8516V37.8438C16.8242 37.5807 16.7839 37.3542 16.7031 37.1641C16.625 36.974 16.513 36.8281 16.3672 36.7266C16.224 36.625 16.0508 36.5742 15.8477 36.5742C15.6471 36.5742 15.4727 36.625 15.3242 36.7266C15.1784 36.8281 15.0651 36.974 14.9844 37.1641C14.9062 37.3516 14.8672 37.5781 14.8672 37.8438V37.8516C14.8672 38.112 14.9076 38.3385 14.9883 38.5312C15.069 38.7214 15.1823 38.8672 15.3281 38.9688C15.4766 39.0703 15.6497 39.1211 15.8477 39.1211ZM18.918 41.4258V35.6992H20.0586V36.3633H20.1289C20.2044 36.2096 20.3034 36.0781 20.4258 35.9688C20.5508 35.8594 20.6966 35.776 20.8633 35.7188C21.0299 35.6589 21.2148 35.6289 21.418 35.6289C21.7773 35.6289 22.0872 35.7188 22.3477 35.8984C22.6081 36.0781 22.8086 36.3333 22.9492 36.6641C23.0924 36.9922 23.1641 37.3854 23.1641 37.8438V37.8516C23.1641 38.3125 23.0938 38.7083 22.9531 39.0391C22.8125 39.3698 22.612 39.6237 22.3516 39.8008C22.0911 39.9779 21.7799 40.0664 21.418 40.0664C21.2201 40.0664 21.0365 40.0365 20.8672 39.9766C20.7005 39.9141 20.5534 39.8268 20.4258 39.7148C20.3008 39.6029 20.2018 39.4688 20.1289 39.3125H20.0586V41.4258H18.918ZM21.0273 39.1211C21.2305 39.1211 21.4036 39.0703 21.5469 38.9688C21.6927 38.8672 21.8047 38.7214 21.8828 38.5312C21.9635 38.3411 22.0039 38.1146 22.0039 37.8516V37.8438C22.0039 37.5807 21.9635 37.3542 21.8828 37.1641C21.8047 36.974 21.6927 36.8281 21.5469 36.7266C21.4036 36.625 21.2305 36.5742 21.0273 36.5742C20.8268 36.5742 20.6523 36.625 20.5039 36.7266C20.3581 36.8281 20.2448 36.974 20.1641 37.1641C20.0859 37.3516 20.0469 37.5781 20.0469 37.8438V37.8516C20.0469 38.112 20.0872 38.3385 20.168 38.5312C20.2487 38.7214 20.362 38.8672 20.5078 38.9688C20.6562 39.0703 20.8294 39.1211 21.0273 39.1211ZM25.8828 40.0156C25.362 40.0156 24.987 39.9245 24.7578 39.7422C24.5286 39.5573 24.4141 39.2565 24.4141 38.8398V36.5586H23.75V35.6992H24.4141V34.6719H25.5664V35.6992H26.4531V36.5586H25.5664V38.5781C25.5664 38.7708 25.6094 38.9128 25.6953 39.0039C25.7839 39.0924 25.9245 39.1367 26.1172 39.1367C26.1901 39.1367 26.25 39.1354 26.2969 39.1328C26.3464 39.1276 26.3984 39.1224 26.4531 39.1172V39.9648C26.3828 39.9779 26.2982 39.9896 26.1992 40C26.1003 40.0104 25.9948 40.0156 25.8828 40.0156Z'
+      fill='white'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Recorder.tsx

@@ -1,12 +1,18 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const Recorder = ({ ...rest }: IconProps) => (
-  <RootSvg viewBox={'0 0 19 12'} {...rest}>
-    <RootPath
-      d='M12.1914 2V10H2.19141V2H12.1914ZM13.1914 0H1.19141C0.641406 0 0.191406 0.45 0.191406 1V11C0.191406 11.55 0.641406 12 1.19141 12H13.1914C13.7414 12 14.1914 11.55 14.1914 11V7.5L18.1914 11.5V0.5L14.1914 4.5V1C14.1914 0.45 13.7414 0 13.1914 0Z'
-      {...rest}
+import { IconProps } from './utils/base';
+
+export const Recorder = ({ ...props }: IconProps) => (
+  <Svg viewBox='0 0 12 12' fill='none' strokeWidth={1} {...props}>
+    <Path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M1 3.375C1 2.61561 1.61561 2 2.375 2H6.625C7.3844 2 8 2.61561 8 3.375V4.39346L9.7337 3.52661C10.3155 3.23571 11 3.65878 11 4.30924V7.6912C11 8.34165 10.3155 8.7647 9.7337 8.4738L8 7.607V8.625C8 9.3844 7.3844 10 6.625 10H2.375C1.61561 10 1 9.3844 1 8.625V3.375Z'
+      fill='white'
+      {...props}
+      strokeWidth={1}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Reload.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import { Path, Svg } from 'react-native-svg';
 
-export const Reload = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M12 4V1L8 5L12 9V6C15.31 6 18 8.69 18 12C18 13.01 17.75 13.97 17.3 14.8L18.76 16.26C19.54 15.03 20 13.57 20 12C20 7.58 16.42 4 12 4ZM12 18C8.69 18 6 15.31 6 12C6 10.99 6.25 10.03 6.7 9.2L5.24 7.74C4.46 8.97 4 10.43 4 12C4 16.42 7.58 20 12 20V23L16 19L12 15V18Z'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const Reload = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M16.0515 3.125V5.83333C16.0515 6.17851 15.7718 6.45833 15.4265 6.45833H12.7182M3.95833 16.875V14.1667C3.95833 13.8215 4.23816 13.5417 4.58333 13.5417H7.29167M3.17819 10.8593C3.14308 10.5778 3.125 10.291 3.125 10C3.125 6.20304 6.20304 3.125 10 3.125C12.2305 3.125 14.2592 4.18719 15.5268 5.83333M16.8218 9.14067C16.8569 9.42217 16.875 9.709 16.875 10C16.875 13.7969 13.7969 16.875 10 16.875C7.76952 16.875 5.74072 15.8128 4.4732 14.1667'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/ReplyConnectorLeft.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ReplyConnectorLeft = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 48'} width={width} {...rest}>
+    <Path d='M16 36C7.43959 36 0.5 29.0604 0.5 20.5L0.5 0' {...rest} />
+  </Svg>
+);

package/src/icons/ReplyConnectorRight.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ReplyConnectorRight = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 48'} width={width} {...rest}>
+    <Path d='M15.5 0V20.5C15.5 29.0604 8.56041 36 0 36' {...rest} />
+  </Svg>
+);

package/src/icons/Resend.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
 
 export const Resend = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M10 8.5V4.5L3 11.5L10 18.5V14.4C15 14.4 18.5 16 21 19.5C20 14.5 17 9.5 10 8.5Z'
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M16.4663 12.2917C15.5224 14.9619 12.9758 16.875 9.98242 16.875C6.18547 16.875 3.10742 13.7969 3.10742 10C3.10742 6.20304 6.18547 3.125 9.98242 3.125C12.3301 3.125 13.8992 4.12865 15.4166 5.84076M16.0416 3.33333V6.04167C16.0416 6.38684 15.7618 6.66667 15.4166 6.66667H12.7083'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
       {...props}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/RotateCircle.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const RotateCircle = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width}>
+    <Path
+      d='M13.1731 9.83333C12.418 11.9695 10.3807 13.5 7.98599 13.5C4.94843 13.5 2.48599 11.0375 2.48599 8C2.48599 4.96243 4.94843 2.5 7.98599 2.5C9.86413 2.5 11.1194 3.30292 12.3333 4.67261M12.8333 2.66667V4.83333C12.8333 5.10947 12.6095 5.33333 12.3333 5.33333H10.1667'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);