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

package/src/icons/ArrowUp.tsx

@@ -1,19 +1,16 @@
 import React from 'react';
+import Svg, { Path } from 'react-native-svg';
 
-import { Path, Svg } from 'react-native-svg';
+import { IconProps } from './utils/base';
 
-import { ColorValue } from 'react-native/types';
-
-type Props = {
-  color: ColorValue;
-  size: number;
-};
-
-export const ArrowUp = ({ color, size }: Props) => (
-  <Svg fill={'none'} height={size} viewBox={`0 0 ${size} ${size}`} width={size}>
+export const ArrowUp = ({ height, width, ...rest }: IconProps) => (
+  <Svg height={height} viewBox='0 0 20 20' fill='none' width={width}>
     <Path
-      d='M16 11.0601L8 19.0601L9.88 20.9401L16 14.8334L22.12 20.9401L24 19.0601L16 11.0601Z'
-      fill={color}
+      d='M4.79175 8.33333L10.0001 3.125L15.2084 8.33333M10.0001 16.875V3.75'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
     />
   </Svg>
 );

package/src/icons/ArrowUpRight.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ArrowUpRight = ({ height = 16, width = 16, ...rest }: IconProps) => {
+  return (
+    <Svg height={height} viewBox={'0 0 16 16'} width={width} fill={'none'} {...rest}>
+      <Path
+        d='M12.1667 10.1673V3.83398M12.1667 3.83398H5.83333M12.1667 3.83398L4 12.0007'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        {...rest}
+      />
+    </Svg>
+  );
+};

package/src/icons/Audio.tsx

@@ -1,39 +1,34 @@
 import React from 'react';
-import { Path } from 'react-native-svg';
 
-import { IconProps, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const Audio = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
+import { IconProps } from './utils/base';
+
+export const Audio = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 40 48' fill='none'>
     <Path
-      clipRule='evenodd'
-      d='M17.7168 33.672C18.2348 33.672 18.4238 34.155 18.4238 34.68C18.4238 35.142 18.2978 35.695 17.7168 35.695C17.1708 35.695 16.9888 35.142 16.9888 34.645C16.9888 34.183 17.1708 33.672 17.7168 33.672ZM19.5718 31.502H18.3818V33.2589H18.3678C18.1228 32.93 17.7798 32.762 17.3318 32.762C16.3028 32.762 15.7988 33.658 15.7988 34.603C15.7988 35.625 16.2818 36.6049 17.4228 36.6049C17.8428 36.6049 18.1928 36.423 18.4238 36.08H18.4378V36.5H19.5718V31.502ZM12.7095 34.6872C12.7095 34.2252 12.8775 33.6722 13.4305 33.6722C13.9835 33.6722 14.1585 34.2252 14.1585 34.6872C14.1585 35.1492 13.9835 35.6952 13.4305 35.6952C12.8775 35.6952 12.7095 35.1492 12.7095 34.6872ZM11.5195 34.6872C11.5195 35.7792 12.3035 36.6052 13.4305 36.6052C14.5575 36.6052 15.3485 35.7792 15.3485 34.6872C15.3485 33.5952 14.5575 32.7622 13.4305 32.7622C12.3035 32.7622 11.5195 33.5952 11.5195 34.6872ZM21.839 32.8671H22.574V33.6371H21.839V35.2891C21.839 35.5761 22.007 35.6391 22.266 35.6391C22.3142 35.6391 22.364 35.6357 22.4147 35.6323C22.4672 35.6287 22.5206 35.6251 22.574 35.6251V36.5001C22.481 36.5031 22.388 36.5099 22.295 36.5168C22.171 36.5259 22.047 36.5351 21.923 36.5351C20.908 36.5351 20.649 36.2411 20.649 35.2541V33.6371H20.047V32.8671H20.649V31.7681H21.839V32.8671Z'
-      fill={'#ffffff'}
-      fillRule='evenodd'
-      id='Vector'
+      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='#2727B0'
+      {...rest}
     />
     <Path
-      d='M0 28.5H34V37.5C34 39.1569 32.6569 40.5 31 40.5H3C1.34315 40.5 0 39.1569 0 37.5V28.5Z'
-      fill={'#2727B0'}
-      id='extension bar'
+      d='M25.4359 15.564C26.827 16.9552 27.6875 18.877 27.6875 20.9999C27.6875 23.1227 26.827 25.0446 25.4359 26.4357M22.9168 18.0835C23.6633 18.83 24.125 19.8612 24.125 21.0003C24.125 22.1394 23.6633 23.1707 22.9168 23.9172M13.8125 17.8125H15.0162C15.3307 17.8125 15.6374 17.7136 15.8926 17.5298L19.5933 14.8653C19.8414 14.6867 20.1875 14.8639 20.1875 15.1696V26.8305C20.1875 27.1361 19.8414 27.3134 19.5933 27.1347L15.8926 24.4702C15.6374 24.2864 15.3307 24.1875 15.0162 24.1875H13.8125C12.9841 24.1875 12.3125 23.516 12.3125 22.6875V19.3125C12.3125 18.4841 12.9841 17.8125 13.8125 17.8125Z'
+      stroke='white'
+      strokeWidth='1.5'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
     />
-    <Path d='M0 3C0 1.34315 1.34315 0 3 0H23L34 11V28H0V3Z' fill={'#F5F5F5'} id='extension bar' />
     <Path
-      d='M34 11.5L26 11.5C24.3431 11.5 23 10.1569 23 8.5V0.5L34 11.5Z'
-      fill={'#DBDBDB'}
-      id='tab'
+      opacity='0.5'
+      d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z'
+      fill='white'
+      {...rest}
     />
     <Path
-      clipRule='evenodd'
-      d='M8.87912 22.441H12.298L16.9521 25.2493C17.0307 25.3138 17.1293 25.349 17.2311 25.349C17.4738 25.3488 17.6705 25.1519 17.6703 24.9092V12.9399C17.6704 12.8381 17.6352 12.7396 17.5707 12.6609C17.4168 12.4732 17.1398 12.4457 16.9521 12.5996L12.298 15.408H8.87912C8.3936 15.408 8 15.8016 8 16.2871V21.5619C8 22.0474 8.3936 22.441 8.87912 22.441ZM12.9258 17.1664L15.9122 15.7224V22.1268L12.9258 20.6829H9.7583V17.1664H12.9258ZM19.8511 16.8517C19.474 16.9092 19.2397 17.1637 19.3283 17.4191L19.3262 17.42C19.5295 17.9995 19.6305 18.598 19.6284 19.1953C19.6305 19.7975 19.5237 20.4014 19.3196 20.9909C19.229 21.2462 19.4682 21.4996 19.8474 21.56C19.9008 21.5683 19.9542 21.572 20.0076 21.572C20.3259 21.572 20.6156 21.4234 20.6922 21.2057C20.9194 20.5451 21.0337 19.87 21.0374 19.1953C21.0349 18.5251 20.9211 17.8575 20.6955 17.2035C20.6053 16.9477 20.229 16.7908 19.8511 16.8517ZM22.1605 15.1028C22.5252 15.0163 22.9259 15.1454 23.055 15.3938C23.6891 16.6157 24 17.9042 24 19.1923C24.0004 20.4895 23.6796 21.7839 23.0521 23.0153C22.9503 23.2123 22.6763 23.3344 22.3828 23.3344C22.3071 23.3344 22.2301 23.3261 22.1543 23.3092C21.7863 23.2251 21.5914 22.9536 21.7185 22.7077C22.2988 21.5761 22.5922 20.3836 22.5931 19.1919C22.5931 18.0056 22.3054 16.8222 21.7276 15.7025C21.6001 15.4563 21.795 15.186 22.1605 15.1028Z'
-      fill={'#2727B0'}
-      fillRule='evenodd'
-      id='Vector_2'
+      d='M11.5938 40V35.6992H12.7344V36.3711H12.8047C12.8958 36.1289 13.0469 35.9414 13.2578 35.8086C13.4688 35.6732 13.7148 35.6055 13.9961 35.6055C14.1914 35.6055 14.3685 35.638 14.5273 35.7031C14.6862 35.7656 14.8216 35.8555 14.9336 35.9727C15.0456 36.0898 15.1315 36.2318 15.1914 36.3984H15.2617C15.3268 36.2396 15.4232 36.1016 15.5508 35.9844C15.6784 35.8646 15.8281 35.7721 16 35.707C16.1719 35.6393 16.3581 35.6055 16.5586 35.6055C16.8451 35.6055 17.0911 35.6641 17.2969 35.7812C17.5052 35.8984 17.6654 36.0651 17.7773 36.2812C17.8919 36.4948 17.9492 36.75 17.9492 37.0469V40H16.8086V37.332C16.8086 37.1576 16.7826 37.013 16.7305 36.8984C16.6784 36.7839 16.599 36.6979 16.4922 36.6406C16.388 36.5807 16.2565 36.5508 16.0977 36.5508C15.944 36.5508 15.8099 36.5859 15.6953 36.6562C15.5833 36.7266 15.4961 36.8216 15.4336 36.9414C15.3711 37.0612 15.3398 37.1992 15.3398 37.3555V40H14.1992V37.2812C14.1992 37.1276 14.1706 36.9961 14.1133 36.8867C14.0586 36.7773 13.9779 36.694 13.8711 36.6367C13.7669 36.5794 13.6406 36.5508 13.4922 36.5508C13.3438 36.5508 13.2122 36.5885 13.0977 36.6641C12.9857 36.737 12.8971 36.8385 12.832 36.9688C12.7669 37.0964 12.7344 37.2422 12.7344 37.4062V40H11.5938ZM19.0547 41.4258V35.6992H20.1953V36.3633H20.2656C20.3411 36.2096 20.4401 36.0781 20.5625 35.9688C20.6875 35.8594 20.8333 35.776 21 35.7188C21.1667 35.6589 21.3516 35.6289 21.5547 35.6289C21.9141 35.6289 22.224 35.7188 22.4844 35.8984C22.7448 36.0781 22.9453 36.3333 23.0859 36.6641C23.2292 36.9922 23.3008 37.3854 23.3008 37.8438V37.8516C23.3008 38.3125 23.2305 38.7083 23.0898 39.0391C22.9492 39.3698 22.7487 39.6237 22.4883 39.8008C22.2279 39.9779 21.9167 40.0664 21.5547 40.0664C21.3568 40.0664 21.1732 40.0365 21.0039 39.9766C20.8372 39.9141 20.6901 39.8268 20.5625 39.7148C20.4375 39.6029 20.3385 39.4688 20.2656 39.3125H20.1953V41.4258H19.0547ZM21.1641 39.1211C21.3672 39.1211 21.5404 39.0703 21.6836 38.9688C21.8294 38.8672 21.9414 38.7214 22.0195 38.5312C22.1003 38.3411 22.1406 38.1146 22.1406 37.8516V37.8438C22.1406 37.5807 22.1003 37.3542 22.0195 37.1641C21.9414 36.974 21.8294 36.8281 21.6836 36.7266C21.5404 36.625 21.3672 36.5742 21.1641 36.5742C20.9635 36.5742 20.7891 36.625 20.6406 36.7266C20.4948 36.8281 20.3815 36.974 20.3008 37.1641C20.2227 37.3516 20.1836 37.5781 20.1836 37.8438V37.8516C20.1836 38.112 20.224 38.3385 20.3047 38.5312C20.3854 38.7214 20.4987 38.8672 20.6445 38.9688C20.793 39.0703 20.9661 39.1211 21.1641 39.1211ZM26.3008 40.125C25.8763 40.125 25.5039 40.0547 25.1836 39.9141C24.8659 39.7708 24.6146 39.5729 24.4297 39.3203C24.2448 39.0651 24.138 38.7695 24.1094 38.4336L24.1055 38.3828H25.2344L25.2383 38.4258C25.2565 38.5716 25.3099 38.7018 25.3984 38.8164C25.4896 38.9284 25.612 39.0169 25.7656 39.082C25.9193 39.1445 26.0977 39.1758 26.3008 39.1758C26.5013 39.1758 26.6758 39.1419 26.8242 39.0742C26.9753 39.0039 27.0911 38.9076 27.1719 38.7852C27.2552 38.6628 27.2969 38.5221 27.2969 38.3633V38.3555C27.2969 38.0846 27.2005 37.8776 27.0078 37.7344C26.8177 37.5911 26.5521 37.5195 26.2109 37.5195H25.5664V36.6797H26.1953C26.3932 36.6797 26.5651 36.6471 26.7109 36.582C26.8568 36.5169 26.9701 36.4271 27.0508 36.3125C27.1315 36.1953 27.1719 36.0612 27.1719 35.9102V35.9023C27.1719 35.7461 27.1367 35.612 27.0664 35.5C26.9987 35.3854 26.8984 35.2982 26.7656 35.2383C26.6354 35.1758 26.4779 35.1445 26.293 35.1445C26.1081 35.1445 25.9453 35.1758 25.8047 35.2383C25.6641 35.3008 25.5521 35.3906 25.4688 35.5078C25.3854 35.6224 25.3359 35.7578 25.3203 35.9141L25.3164 35.9492H24.2305L24.2344 35.9023C24.263 35.5638 24.3646 35.2708 24.5391 35.0234C24.7161 34.7734 24.9531 34.5807 25.25 34.4453C25.5495 34.3073 25.8971 34.2383 26.293 34.2383C26.6966 34.2383 27.0482 34.3021 27.3477 34.4297C27.6471 34.5547 27.8776 34.7305 28.0391 34.957C28.2031 35.181 28.2852 35.444 28.2852 35.7461V35.7539C28.2852 35.9883 28.2331 36.194 28.1289 36.3711C28.0247 36.5482 27.8841 36.694 27.707 36.8086C27.5299 36.9232 27.3307 37.0039 27.1094 37.0508V37.0742C27.5286 37.1133 27.8646 37.2487 28.1172 37.4805C28.3698 37.7122 28.4961 38.0195 28.4961 38.4023V38.4102C28.4961 38.7513 28.4036 39.0508 28.2188 39.3086C28.0365 39.5664 27.7812 39.7669 27.4531 39.9102C27.125 40.0534 26.7409 40.125 26.3008 40.125Z'
+      fill='white'
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Bell.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Bell = ({ height = 16, width = 16, ...rest }: IconProps) => {
+  return (
+    <Svg height={height} viewBox={'0 0 16 16'} width={width} fill={'none'} {...rest}>
+      <Path
+        d='M10.6667 11.5007C10.6667 12.9734 9.47273 14.1673 8 14.1673C6.52724 14.1673 5.33333 12.9734 5.33333 11.5007M13.5 10.8301C13.5 11.2004 13.1997 11.5007 12.8294 11.5007H3.17062C2.80025 11.5007 2.5 11.2004 2.5 10.8301C2.5 10.7231 2.52557 10.6177 2.57457 10.5227L3.39922 8.92338C3.48623 8.75465 3.53621 8.56925 3.54578 8.37958L3.66901 5.93996C3.7844 3.63986 5.68924 1.83398 8 1.83398C10.3107 1.83398 12.2156 3.63986 12.331 5.93996L12.4542 8.37958C12.4638 8.56925 12.5137 8.75465 12.6008 8.92338L13.4254 10.5227C13.4744 10.6177 13.5 10.7231 13.5 10.8301Z'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        {...rest}
+      />
+    </Svg>
+  );
+};

package/src/icons/BlockUser.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const BlockUser = (props: IconProps) => {
+  return (
+    <Svg viewBox='0 0 20 20' fill='none' {...props}>
+      <Path
+        d='M15.4507 4.54934C14.0557 3.15441 12.1287 2.29163 10.0001 2.29163C5.74289 2.29163 2.29175 5.74277 2.29175 9.99996C2.29175 12.1285 3.15453 14.0556 4.54946 15.4505M15.4507 4.54934C16.8457 5.94428 17.7084 7.87136 17.7084 9.99996C17.7084 14.2571 14.2572 17.7083 10.0001 17.7083C7.87148 17.7083 5.9444 16.8455 4.54946 15.4505M15.4507 4.54934L4.54946 15.4505'
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        {...props}
+      />
+    </Svg>
+  );
+};

package/src/icons/Bookmark.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Bookmark = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width} {...rest}>
+    <Path
+      d='M12.8333 13.5017V3.16732C12.8333 2.43094 12.2364 1.83398 11.5 1.83398H4.50001C3.76363 1.83398 3.16667 2.43094 3.16667 3.16732V13.5017C3.16667 14.0355 3.76277 14.3527 4.2056 14.0547L7.25547 12.0018C7.70561 11.6989 8.29441 11.6989 8.74454 12.0018L11.7944 14.0547C12.2373 14.3528 12.8333 14.0355 12.8333 13.5017Z'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Camera.tsx

@@ -1,12 +1,18 @@
 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 Camera = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M15 3H9L7 5H3a1 1 0 00-1 1v14a1 1 0 001 1h18a1 1 0 001-1V6a1 1 0 00-1-1h-4l-2-2zM7.828 7l2-2h4.344l2 2H20v12H4V7h3.828zM12 18a5.5 5.5 0 110-11 5.5 5.5 0 010 11zm3.5-5.5a3.5 3.5 0 11-7 0 3.5 3.5 0 017 0z'
+  <Svg fill='none' viewBox='0 0 17 16' strokeWidth={1.5} strokeLinejoin='round' {...props}>
+    <Path
+      d='M2.41667 3.25H3.81636C4.37362 3.25 4.894 2.9715 5.20311 2.50783L5.88022 1.49217C6.18933 1.0285 6.70972 0.75 7.267 0.75H9.64967C10.2069 0.75 10.7273 1.0285 11.0364 1.49217L11.7136 2.50783C12.0227 2.9715 12.5431 3.25 13.1003 3.25H14.5C15.4205 3.25 16.1667 3.99619 16.1667 4.91667V12.8333C16.1667 13.7538 15.4205 14.5 14.5 14.5H2.41667C1.49619 14.5 0.75 13.7538 0.75 12.8333V4.91667C0.75 3.99619 1.49619 3.25 2.41667 3.25Z'
+      {...props}
+    />
+    <Path
+      d='M11.1667 8.45833C11.1667 9.95408 9.95408 11.1667 8.45833 11.1667C6.96258 11.1667 5.75 9.95408 5.75 8.45833C5.75 6.96258 6.96258 5.75 8.45833 5.75C9.95408 5.75 11.1667 6.96258 11.1667 8.45833Z'
       {...props}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Check.tsx

@@ -1,16 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const Check = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M5.293 11.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414z'
-      {...props}
-    />
-    <RootPath
-      d='M18.707 7.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414-1.414l8-8a1 1 0 011.414 0z'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const Check = ({ height, width, ...rest }: IconProps) => (
+  <Svg viewBox='0 0 16 16' fill='none' height={height} width={width}>
+    <Path
+      d='M3.75 9.0625L6.9375 12.25L12.25 3.75'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/CheckAll.tsx

@@ -1,16 +1,17 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const CheckAll = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M2.293 11.293a1 1 0 011.414 0l4 4a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414zM9.293 12.293a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414l-3-3a1 1 0 010-1.414z'
-      {...props}
-    />
-    <RootPath
-      d='M15.707 7.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414-1.414l8-8a1 1 0 011.414 0zM21.707 7.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414-1.414l8-8a1 1 0 011.414 0z'
-      {...props}
+import { IconProps } from './utils/base';
+
+export const CheckAll = ({ height, width, ...rest }: IconProps) => (
+  <Svg viewBox='0 0 16 16' fill='none' height={height} width={width}>
+    <Path
+      d='M1.75 9.0625L4.9375 12.25L10.25 3.75M8.9375 12.25L14.25 3.75'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Checkmark.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Checkmark = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M2.29167 12.5782L7.5 16.875L17.7083 3.125'
+      strokeWidth={1.2}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/ChevronLeft.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ChevronLeft = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M12.0833 15.2083L6.875 9.99996L12.0833 4.79163'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/ChevronTop.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ChevronTop = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M4.79175 12.0833L10.0001 6.875L15.2084 12.0833'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/CircleBan.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CircleBan = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width} {...rest}>
+    <Path
+      d='M12.3604 3.64016C11.2445 2.52421 9.70285 1.83398 7.99998 1.83398C4.59423 1.83398 1.83331 4.5949 1.83331 8.00065C1.83331 9.70352 2.52354 11.2452 3.63949 12.3611M12.3604 3.64016C13.4764 4.7561 14.1666 6.29777 14.1666 8.00065C14.1666 11.4064 11.4057 14.1673 7.99998 14.1673C6.2971 14.1673 4.75543 13.4771 3.63949 12.3611M12.3604 3.64016L3.63949 12.3611'
+      strokeLinecap='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/CircleMinus.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CircleMinus = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M13.5355 10.0005H6.46449M17.7084 10.0001C17.7084 14.2572 14.2572 17.7084 10 17.7084C5.74283 17.7084 2.29169 14.2572 2.29169 10.0001C2.29169 5.74289 5.74283 2.29175 10 2.29175C14.2572 2.29175 17.7084 5.74289 17.7084 10.0001Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/Code.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Code = ({ 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='#00ACA1'
+      {...rest}
+    />
+    <Path
+      d='M18.6875 18.75L16.9678 20.4697C16.6749 20.7626 16.6749 21.2374 16.9678 21.5303L18.6875 23.25M21.3125 18.75L23.0322 20.4697C23.3251 20.7626 23.3251 21.2374 23.0322 21.5303L21.3125 23.25M15.3125 27.1875H24.6875C25.5159 27.1875 26.1875 26.5159 26.1875 25.6875V16.3125C26.1875 15.4841 25.5159 14.8125 24.6875 14.8125H15.3125C14.4841 14.8125 13.8125 15.4841 13.8125 16.3125V25.6875C13.8125 26.5159 14.4841 27.1875 15.3125 27.1875Z'
+      stroke='white'
+      strokeWidth='1.5'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
+    />
+    <Path
+      opacity='0.5'
+      d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z'
+      fill='white'
+      {...rest}
+    />
+    <Path
+      d='M11.5156 40V34.0547H12.6562V36.3633H12.7266C12.8255 36.1289 12.9792 35.944 13.1875 35.8086C13.3958 35.6732 13.6536 35.6055 13.9609 35.6055C14.2812 35.6055 14.5495 35.6693 14.7656 35.7969C14.9844 35.9219 15.1497 36.1042 15.2617 36.3438C15.3763 36.5833 15.4336 36.875 15.4336 37.2188V40H14.293V37.4766C14.293 37.1719 14.2292 36.9414 14.1016 36.7852C13.974 36.6289 13.7747 36.5508 13.5039 36.5508C13.3294 36.5508 13.1784 36.5911 13.0508 36.6719C12.9258 36.75 12.8281 36.8607 12.7578 37.0039C12.6901 37.1471 12.6562 37.3164 12.6562 37.5117V40H11.5156ZM18.3242 40.0156C17.8034 40.0156 17.4284 39.9245 17.1992 39.7422C16.9701 39.5573 16.8555 39.2565 16.8555 38.8398V36.5586H16.1914V35.6992H16.8555V34.6719H18.0078V35.6992H18.8945V36.5586H18.0078V38.5781C18.0078 38.7708 18.0508 38.9128 18.1367 39.0039C18.2253 39.0924 18.3659 39.1367 18.5586 39.1367C18.6315 39.1367 18.6914 39.1354 18.7383 39.1328C18.7878 39.1276 18.8398 39.1224 18.8945 39.1172V39.9648C18.8242 39.9779 18.7396 39.9896 18.6406 40C18.5417 40.0104 18.4362 40.0156 18.3242 40.0156ZM19.8438 40V35.6992H20.9844V36.3711H21.0547C21.1458 36.1289 21.2969 35.9414 21.5078 35.8086C21.7188 35.6732 21.9648 35.6055 22.2461 35.6055C22.4414 35.6055 22.6185 35.638 22.7773 35.7031C22.9362 35.7656 23.0716 35.8555 23.1836 35.9727C23.2956 36.0898 23.3815 36.2318 23.4414 36.3984H23.5117C23.5768 36.2396 23.6732 36.1016 23.8008 35.9844C23.9284 35.8646 24.0781 35.7721 24.25 35.707C24.4219 35.6393 24.6081 35.6055 24.8086 35.6055C25.0951 35.6055 25.3411 35.6641 25.5469 35.7812C25.7552 35.8984 25.9154 36.0651 26.0273 36.2812C26.1419 36.4948 26.1992 36.75 26.1992 37.0469V40H25.0586V37.332C25.0586 37.1576 25.0326 37.013 24.9805 36.8984C24.9284 36.7839 24.849 36.6979 24.7422 36.6406C24.638 36.5807 24.5065 36.5508 24.3477 36.5508C24.194 36.5508 24.0599 36.5859 23.9453 36.6562C23.8333 36.7266 23.7461 36.8216 23.6836 36.9414C23.6211 37.0612 23.5898 37.1992 23.5898 37.3555V40H22.4492V37.2812C22.4492 37.1276 22.4206 36.9961 22.3633 36.8867C22.3086 36.7773 22.2279 36.694 22.1211 36.6367C22.0169 36.5794 21.8906 36.5508 21.7422 36.5508C21.5938 36.5508 21.4622 36.5885 21.3477 36.6641C21.2357 36.737 21.1471 36.8385 21.082 36.9688C21.0169 37.0964 20.9844 37.2422 20.9844 37.4062V40H19.8438ZM27.3438 40V34.0547H28.4844V40H27.3438Z'
+      fill='white'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/CommandsIcon.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CommandsIcon = (props: IconProps) => (
+  <Svg fill='none' viewBox='0 0 16 16' {...props}>
+    <Path
+      d='M5.75 11.5833L9.5 3.66667M2.41667 0.75H12.8333C13.7538 0.75 14.5 1.49619 14.5 2.41667V12.8333C14.5 13.7538 13.7538 14.5 12.8333 14.5H2.41667C1.49619 14.5 0.75 13.7538 0.75 12.8333V2.41667C0.75 1.49619 1.49619 0.75 2.41667 0.75Z'
+      strokeWidth={1.5}
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/Copy.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 Copy = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M7 6V3a1 1 0 011-1h12a1 1 0 011 1v14a1 1 0 01-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 013 21.005V21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM17 6H9V4h10v12h-2V6z'
+  <Svg viewBox='0 0 17 17' fill='none' {...props}>
+    <Path
+      d='M5.75 5.75V1.79167C5.75 1.21637 6.21637 0.75 6.79167 0.75H15.125C15.7003 0.75 16.1667 1.21637 16.1667 1.79167V10.125C16.1667 10.7003 15.7003 11.1667 15.125 11.1667H11.1667M10.125 5.75H1.79167C1.21637 5.75 0.75 6.21637 0.75 6.79167V15.125C0.75 15.7003 1.21637 16.1667 1.79167 16.1667H10.125C10.7003 16.1667 11.1667 15.7003 11.1667 15.125V6.79167C11.1667 6.21637 10.7003 5.75 10.125 5.75Z'
       {...props}
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Cross.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Cross = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 16 16'} width={width} {...rest}>
+    <Path
+      d='M4.1665 4.1665L11.8332 11.8332M11.8332 4.1665L4.1665 11.8332'
+      strokeLinecap='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/CurveLineLeftUp.tsx

@@ -1,20 +1,16 @@
 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 CurveLineLeftUp = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M4 8a1 1 0 011-1c3.992 0 6.34.122 7.954.459 1.704.355 2.592.95 3.646 1.741a1 1 0 01.058.047c1.036.906 2.14 2 2.974 3.564C20.47 14.38 21 16.36 21 19a1 1 0 11-2 0c0-2.36-.47-4.006-1.132-5.248-.66-1.237-1.544-2.138-2.498-2.975-.929-.695-1.542-1.094-2.824-1.36C11.16 9.126 9.008 9 5 9a1 1 0 01-1-1z'
-      {...props}
-    />
-    <RootPath
-      d='M4.293 8.707a1 1 0 010-1.414l3-3a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0z'
-      {...props}
-    />
-    <RootPath
-      d='M4.293 7.293a1 1 0 011.414 0l3 3a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414z'
+  <Svg viewBox='0 0 20 20' fill='none' {...props}>
+    <Path
+      d='M1.5377 9.54119L8.32561 3.26234C8.72586 2.89215 9.37502 3.17599 9.37502 3.72115V6.66664C9.37502 6.89675 9.56502 7.08293 9.7951 7.08659C16.5329 7.19375 18.3334 9.93377 18.3334 16.8749C17.1086 14.4254 16.4839 12.9759 9.79594 12.9184C9.56577 12.9164 9.37502 13.1032 9.37502 13.3333V16.2788C9.37502 16.8239 8.72586 17.1078 8.32561 16.7376L1.5377 10.4588C1.27023 10.2114 1.27023 9.7886 1.5377 9.54119Z'
+      strokeWidth={1.5}
+      strokeLinejoin='round'
       {...props}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/icons/DOC.tsx

@@ -1,44 +1,29 @@
 import React from 'react';
-import { Defs, LinearGradient, Stop } from 'react-native-svg';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path, Rect } from 'react-native-svg';
 
-export const DOC = (props: IconProps) => (
-  <RootSvg
-    height={props.height || 40}
-    viewBox={props.viewBox || '0 0 34 40'}
-    width={props.width || 34}
-    {...props}
-  >
-    <RootPath
-      d='M0 3.99A3.99 3.99 0 013.99 0h19.285l9.975 9.975V35.91a3.99 3.99 0 01-3.99 3.99H3.99A3.99 3.99 0 010 35.91V3.99z'
-      pathFill='url(#gradient)'
-    />
-    <RootPath
-      d='M26.624 9.965a3.298 3.298 0 01-3.298-3.299V.058l9.92 9.907h-6.622z'
-      pathFill='#254A80'
+import { IconProps } from './utils/base';
+
+export const DOC = ({ 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='#3375E2'
+      {...rest}
     />
-    <RootPath
-      d='M13.162 34.33c0 .159-.015.312-.045.46a1.29 1.29 0 01-.148.401.79.79 0 01-.282.275.816.816 0 01-.43.104.825.825 0 01-.424-.104 1.045 1.045 0 01-.29-.282 1.311 1.311 0 01-.163-.4 1.955 1.955 0 01-.052-.446c0-.159.015-.31.045-.453.035-.148.087-.28.156-.393a.855.855 0 01.29-.275.857.857 0 01.437-.104c.173 0 .317.035.43.104a.81.81 0 01.275.275c.074.109.126.237.156.386.03.143.045.294.045.452zm.014 1.44v.49h1.002v-5.299h-1.054v1.93h-.014a1.103 1.103 0 00-.49-.423 1.453 1.453 0 00-.646-.149 1.59 1.59 0 00-1.277.609 2.034 2.034 0 00-.318.638 2.64 2.64 0 00-.104.742c0 .267.034.525.104.772.074.247.18.468.319.66.143.188.324.34.541.453.218.11.47.163.757.163.253 0 .478-.044.676-.133.203-.094.366-.245.49-.453h.014zm2.734-1.425c0-.153.015-.304.044-.452.03-.149.08-.28.149-.394a.855.855 0 01.29-.274.826.826 0 01.445-.112c.178 0 .326.037.445.112.124.069.22.16.29.274.073.114.125.245.155.394a2.301 2.301 0 010 .905c-.03.143-.082.275-.156.393a.774.774 0 01-.29.275.872.872 0 01-.444.104.872.872 0 01-.446-.104.855.855 0 01-.29-.275 1.294 1.294 0 01-.148-.393c-.03-.148-.044-.3-.044-.453zm-1.054 0c0 .307.047.584.141.831.094.248.228.46.4.639.174.173.382.306.624.4.243.094.515.141.817.141.301 0 .573-.047.816-.14.247-.095.458-.228.63-.401.174-.178.308-.391.402-.639.093-.247.14-.524.14-.83 0-.307-.047-.584-.14-.832a1.756 1.756 0 00-.401-.638 1.717 1.717 0 00-.631-.408 2.141 2.141 0 00-.816-.149c-.302 0-.574.05-.817.149a1.756 1.756 0 00-1.024 1.046 2.325 2.325 0 00-.14.831zm7.268-.571h1.032a1.417 1.417 0 00-.178-.638 1.379 1.379 0 00-.409-.453 1.664 1.664 0 00-.564-.275 2.365 2.365 0 00-.653-.089c-.311 0-.588.052-.831.156-.242.104-.448.25-.616.438a1.863 1.863 0 00-.386.66 2.59 2.59 0 00-.126.824c0 .287.047.552.141.794.094.238.225.443.393.616.169.173.371.31.609.408.242.094.507.141.794.141.51 0 .928-.133 1.254-.4.327-.267.525-.656.594-1.165H22.16a1.007 1.007 0 01-.26.571c-.133.139-.326.208-.578.208a.745.745 0 01-.416-.111.879.879 0 01-.275-.283 1.43 1.43 0 01-.14-.393 2.09 2.09 0 010-.853c.029-.149.078-.282.148-.401a.901.901 0 01.282-.297.723.723 0 01.423-.119c.45 0 .71.22.78.66z'
-      pathFill='#FFFFFF'
+    <Path
+      opacity='0.5'
+      d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z'
+      fill='white'
+      {...rest}
     />
-    <RootPath
-      d='M7.98 14.131V12.47h14.962v1.662H7.98zm9.975 1.663H7.98v1.662h9.975v-1.662zM7.98 20.78h14.962V19.12H7.98v1.662z'
-      pathFill='#FFFFFF'
-      pathOpacity={0.4}
+    <Rect x='11' y='15.6001' width='16.2' height='1.8' rx='0.9' fill='white' />
+    <Rect x='11' y='24.6001' width='16.2' height='1.8' rx='0.9' fill='white' />
+    <Rect x='11' y='20.1001' width='10.8' height='1.8' rx='0.9' fill='white' />
+    <Path
+      d='M14.668 40.0664C14.3112 40.0664 14.0013 39.9779 13.7383 39.8008C13.4779 39.6211 13.276 39.3659 13.1328 39.0352C12.9922 38.7044 12.9219 38.3099 12.9219 37.8516V37.8438C12.9219 37.3828 12.9909 36.987 13.1289 36.6562C13.2695 36.3255 13.4701 36.0716 13.7305 35.8945C13.9909 35.7174 14.3034 35.6289 14.668 35.6289C14.8633 35.6289 15.0443 35.6602 15.2109 35.7227C15.3802 35.7826 15.5286 35.8685 15.6562 35.9805C15.7839 36.0924 15.8828 36.2279 15.9531 36.3867H16.0234V34.0547H17.1641V40H16.0234V39.332H15.9531C15.8802 39.4857 15.7812 39.6172 15.6562 39.7266C15.5339 39.8359 15.3893 39.9206 15.2227 39.9805C15.056 40.0378 14.8711 40.0664 14.668 40.0664ZM15.0547 39.1211C15.2578 39.1211 15.4323 39.0703 15.5781 38.9688C15.724 38.8672 15.8359 38.7214 15.9141 38.5312C15.9948 38.3411 16.0352 38.1159 16.0352 37.8555V37.8477C16.0352 37.582 15.9948 37.3555 15.9141 37.168C15.8359 36.9779 15.7227 36.832 15.5742 36.7305C15.4284 36.6263 15.2552 36.5742 15.0547 36.5742C14.8568 36.5742 14.6836 36.6263 14.5352 36.7305C14.3893 36.832 14.2773 36.9779 14.1992 37.168C14.1211 37.3555 14.082 37.5807 14.082 37.8438V37.8516C14.082 38.1146 14.1211 38.3411 14.1992 38.5312C14.2773 38.7214 14.3893 38.8672 14.5352 38.9688C14.681 39.0703 14.8542 39.1211 15.0547 39.1211ZM20.2539 40.0898C19.8138 40.0898 19.4349 40.0013 19.1172 39.8242C18.7995 39.6445 18.556 39.388 18.3867 39.0547C18.2174 38.7188 18.1328 38.3177 18.1328 37.8516V37.8438C18.1328 37.3802 18.2188 36.9818 18.3906 36.6484C18.5625 36.3151 18.806 36.0586 19.1211 35.8789C19.4388 35.6966 19.8164 35.6055 20.2539 35.6055C20.6914 35.6055 21.0677 35.6953 21.3828 35.875C21.7005 36.0547 21.9453 36.3125 22.1172 36.6484C22.2891 36.9818 22.375 37.3802 22.375 37.8438V37.8516C22.375 38.3177 22.2904 38.7188 22.1211 39.0547C21.9518 39.388 21.7083 39.6445 21.3906 39.8242C21.0755 40.0013 20.6966 40.0898 20.2539 40.0898ZM20.2539 39.1953C20.457 39.1953 20.6289 39.1419 20.7695 39.0352C20.9102 38.9284 21.0182 38.7747 21.0938 38.5742C21.1693 38.3737 21.207 38.1328 21.207 37.8516V37.8438C21.207 37.5625 21.1693 37.3229 21.0938 37.125C21.0182 36.9245 20.9089 36.7708 20.7656 36.6641C20.625 36.5547 20.4544 36.5 20.2539 36.5C20.0534 36.5 19.8815 36.5547 19.7383 36.6641C19.5977 36.7708 19.4896 36.9245 19.4141 37.125C19.3385 37.3229 19.3008 37.5625 19.3008 37.8438V37.8516C19.3008 38.1354 19.3372 38.3776 19.4102 38.5781C19.4857 38.7786 19.5938 38.9323 19.7344 39.0391C19.8776 39.1432 20.0508 39.1953 20.2539 39.1953ZM25.1992 40.0898C24.7513 40.0898 24.3698 40.0026 24.0547 39.8281C23.7422 39.651 23.5039 39.3958 23.3398 39.0625C23.1758 38.7266 23.0938 38.3203 23.0938 37.8438V37.8359C23.0938 37.362 23.1758 36.9596 23.3398 36.6289C23.5039 36.2982 23.7422 36.0456 24.0547 35.8711C24.3698 35.694 24.7513 35.6055 25.1992 35.6055C25.5794 35.6055 25.9062 35.6706 26.1797 35.8008C26.4531 35.931 26.6693 36.1146 26.8281 36.3516C26.987 36.5885 27.0833 36.8672 27.1172 37.1875V37.1992H26.0586L26.0547 37.1914C26.0156 36.9831 25.9245 36.8164 25.7812 36.6914C25.6406 36.5638 25.4479 36.5 25.2031 36.5C25 36.5 24.8268 36.5521 24.6836 36.6562C24.543 36.7578 24.4362 36.9076 24.3633 37.1055C24.2904 37.3034 24.2539 37.5469 24.2539 37.8359V37.8438C24.2539 38.1328 24.2904 38.3789 24.3633 38.582C24.4388 38.7826 24.5469 38.9349 24.6875 39.0391C24.8281 39.1432 25 39.1953 25.2031 39.1953C25.4375 39.1953 25.625 39.1406 25.7656 39.0312C25.9062 38.9219 26.0013 38.7578 26.0508 38.5391L26.0586 38.5273L27.1133 38.5234V38.5508C27.0716 38.8607 26.9714 39.1315 26.8125 39.3633C26.6536 39.5951 26.4388 39.7747 26.168 39.9023C25.8971 40.0273 25.5742 40.0898 25.1992 40.0898Z'
+      fill='white'
+      {...rest}
     />
-    <Defs>
-      <LinearGradient
-        gradientUnits='userSpaceOnUse'
-        id='gradient'
-        x1={0}
-        x2={0}
-        y1={0}
-        y2={props.height || 40}
-      >
-        <Stop stopColor='#5E7FB0' />
-        <Stop offset={1} stopColor='#2C5898' />
-      </LinearGradient>
-    </Defs>
-  </RootSvg>
+  </Svg>
 );

package/src/icons/Delete.tsx

@@ -4,19 +4,11 @@ import Svg, { Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
-type Props = IconProps & {
-  size: number;
-};
-
-export const Delete = ({ size, ...rest }: Props) => (
-  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
-    <Path
-      d='M8 3a1 1 0 011-1h6a1 1 0 011 1v1h3a1 1 0 110 2H5a1 1 0 110-2h3V3zM6 7a1 1 0 011 1v11a1 1 0 001 1h8a1 1 0 001-1V8a1 1 0 112 0v11a3 3 0 01-3 3H8a3 3 0 01-3-3V8a1 1 0 011-1z'
-      {...rest}
-    />
+export const Delete = ({ stroke, ...rest }: IconProps) => (
+  <Svg viewBox='0 0 13 14' fill='none' {...rest}>
     <Path
-      d='M10 8a1 1 0 011 1v8a1 1 0 11-2 0V9a1 1 0 011-1zM14 8a1 1 0 011 1v8a1 1 0 11-2 0V9a1 1 0 011-1z'
-      {...rest}
+      d='M6.43262 0C7.78723 0 8.92411 0.918158 9.26172 2.16602H12.2666C12.5978 2.16619 12.8662 2.43534 12.8662 2.7666C12.866 3.09771 12.5977 3.36604 12.2666 3.36621H11.8613L11.2617 11.9014C11.1906 12.914 10.3481 13.6991 9.33301 13.6992H3.5332C2.51801 13.6992 1.6756 12.9141 1.60449 11.9014L1.00488 3.36621H0.599609C0.268347 3.36621 0.000175933 3.09782 0 2.7666C0 2.43523 0.268239 2.16602 0.599609 2.16602H3.60449C3.9421 0.918297 5.07818 0.000147108 6.43262 0ZM2.80176 11.8174C2.82873 12.2015 3.14813 12.5 3.5332 12.5H9.33301C9.71798 12.4999 10.0375 12.2015 10.0645 11.8174L10.6582 3.36621H2.20801L2.80176 11.8174ZM4.5 9.7666V5.93262C4.50018 5.6014 4.76835 5.33301 5.09961 5.33301C5.43087 5.33301 5.69904 5.6014 5.69922 5.93262V9.7666C5.69904 10.0978 5.43087 10.3662 5.09961 10.3662C4.76835 10.3662 4.50018 10.0978 4.5 9.7666ZM7.16602 9.7666V5.93262C7.16619 5.6014 7.43534 5.33301 7.7666 5.33301C8.09771 5.33318 8.36604 5.6015 8.36621 5.93262V9.7666C8.36604 10.0977 8.09771 10.366 7.7666 10.3662C7.43534 10.3662 7.16619 10.0978 7.16602 9.7666ZM6.43262 1.19922C5.75128 1.19934 5.16295 1.59403 4.87988 2.16602H7.98633C7.70324 1.59387 7.11414 1.19922 6.43262 1.19922Z'
+      fill={stroke}
     />
   </Svg>
 );

package/src/icons/DotGrid.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const DotGrid = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M7.70801 14.5002C8.09921 14.5002 8.41699 14.817 8.41699 15.2083C8.41699 15.5995 8.09921 15.9163 7.70801 15.9163C7.31695 15.9161 7 15.5993 7 15.2083C7 14.8172 7.31695 14.5004 7.70801 14.5002ZM12.292 14.5002C12.683 14.5004 13 14.8172 13 15.2083C13 15.5993 12.683 15.9161 12.292 15.9163C11.9008 15.9163 11.583 15.5995 11.583 15.2083C11.583 14.817 11.9008 14.5002 12.292 14.5002ZM7.70801 9.20825C8.0991 9.20825 8.41682 9.52521 8.41699 9.91626V10.0002C8.41682 10.3913 8.0991 10.7083 7.70801 10.7083C7.31706 10.7081 7.00018 10.3912 7 10.0002V9.91626C7.00018 9.52531 7.31706 9.20843 7.70801 9.20825ZM12.292 9.20825C12.6829 9.20843 12.9998 9.52531 13 9.91626V10.0002C12.9998 10.3912 12.6829 10.7081 12.292 10.7083C11.9009 10.7083 11.5832 10.3913 11.583 10.0002V9.91626C11.5832 9.52521 11.9009 9.20825 12.292 9.20825ZM7.70801 4.08325C8.0991 4.08325 8.41682 4.40021 8.41699 4.79126C8.41699 5.18246 8.09921 5.50024 7.70801 5.50024C7.31695 5.50007 7 5.18235 7 4.79126C7.00018 4.40031 7.31706 4.08343 7.70801 4.08325ZM12.292 4.08325C12.6829 4.08343 12.9998 4.40031 13 4.79126C13 5.18235 12.683 5.50007 12.292 5.50024C11.9008 5.50024 11.583 5.18246 11.583 4.79126C11.5832 4.40021 11.9009 4.08325 12.292 4.08325Z'
+      strokeWidth={1.5}
+      fill='black'
+      {...rest}
+    />
+  </Svg>
+);