@adiraku/react-native-ui 1.2.3-snapshot.2 → 1.2.3-snapshot.4

package/src/icons/actions/IconStarFilled.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconStarFilled = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M13.019 2.774a1.057 1.057 0 00-2.038 0L9.355 8.008a1.077 1.077 0 01-1.019.774H3.073c-1.037 0-1.469 1.388-.63 2.026l4.259 3.235c.375.285.532.79.389 1.252l-1.627 5.234c-.32 1.032.809 1.89 1.648 1.252l4.258-3.235a1.034 1.034 0 011.26 0l4.258 3.235c.839.638 1.968-.22 1.648-1.252l-1.627-5.234a1.149 1.149 0 01.39-1.252l4.258-3.235c.839-.638.407-2.026-.63-2.026h-5.263c-.464 0-.876-.313-1.019-.774l-1.626-5.234z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconStarFilled = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.019 2.774a1.057 1.057 0 00-2.038 0L9.355 8.008a1.077 1.077 0 01-1.019.774H3.073c-1.037 0-1.469 1.388-.63 2.026l4.259 3.235c.375.285.532.79.389 1.252l-1.627 5.234c-.32 1.032.809 1.89 1.648 1.252l4.258-3.235a1.034 1.034 0 011.26 0l4.258 3.235c.839.638 1.968-.22 1.648-1.252l-1.627-5.234a1.149 1.149 0 01.39-1.252l4.258-3.235c.839-.638.407-2.026-.63-2.026h-5.263c-.464 0-.876-.313-1.019-.774l-1.626-5.234z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconStarOutline.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconStarOutline = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M11.96 3.019a.18.18 0 00-.024.052L10.31 8.305c-.266.856-1.047 1.477-1.974 1.477H3.073a.104.104 0 00-.022.002l-.003.002a.142.142 0 00-.039.066.185.185 0 00-.004.101c.005.017.013.035.044.059l4.258 3.234a2.149 2.149 0 01.739 2.345l-1.627 5.235c-.017.054-.01.084-.005.1a.13.13 0 00.044.059c.013.01.022.013.027.014l.002-.001a.147.147 0 00.02-.013l4.259-3.235a2.033 2.033 0 012.469 0l4.258 3.235.02.013.002.001a.085.085 0 00.027-.014.13.13 0 00.044-.06c.005-.015.012-.045-.005-.1l-1.627-5.233a2.149 2.149 0 01.74-2.346l4.258-3.235c.03-.023.038-.041.043-.058a.185.185 0 00-.004-.1.143.143 0 00-.041-.069h-.003-.002a.103.103 0 00-.018-.002h-5.263c-.927 0-1.708-.621-1.974-1.477L12.064 3.07a.18.18 0 00-.024-.052.044.044 0 00-.01-.011A.052.052 0 0012 3a.052.052 0 00-.03.008.044.044 0 00-.01.01zm-1.934-.542c.613-1.97 3.336-1.97 3.948 0L15.6 7.711c.01.032.026.051.04.06.011.01.02.01.024.01h5.263c1.03 0 1.734.707 1.974 1.478.238.768.063 1.736-.74 2.345l-4.258 3.235a.118.118 0 00-.039.06.167.167 0 000 .099l1.627 5.234a2.127 2.127 0 01-.74 2.345c-.661.503-1.65.622-2.468 0l-4.258-3.235a.054.054 0 00-.016-.008.03.03 0 00-.018 0 .056.056 0 00-.016.008l-4.258 3.235c-.818.622-1.807.503-2.469 0a2.127 2.127 0 01-.739-2.345l1.627-5.234a.167.167 0 000-.099.118.118 0 00-.04-.06L1.84 11.604c-.802-.61-.978-1.577-.74-2.345.24-.771.945-1.477 1.974-1.477h5.263c.005 0 .013-.001.025-.01a.118.118 0 00.039-.06l1.627-5.235z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconStarOutline = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M11.96 3.019a.18.18 0 00-.024.052L10.31 8.305c-.266.856-1.047 1.477-1.974 1.477H3.073a.104.104 0 00-.022.002l-.003.002a.142.142 0 00-.039.066.185.185 0 00-.004.101c.005.017.013.035.044.059l4.258 3.234a2.149 2.149 0 01.739 2.345l-1.627 5.235c-.017.054-.01.084-.005.1a.13.13 0 00.044.059c.013.01.022.013.027.014l.002-.001a.147.147 0 00.02-.013l4.259-3.235a2.033 2.033 0 012.469 0l4.258 3.235.02.013.002.001a.085.085 0 00.027-.014.13.13 0 00.044-.06c.005-.015.012-.045-.005-.1l-1.627-5.233a2.149 2.149 0 01.74-2.346l4.258-3.235c.03-.023.038-.041.043-.058a.185.185 0 00-.004-.1.143.143 0 00-.041-.069h-.003-.002a.103.103 0 00-.018-.002h-5.263c-.927 0-1.708-.621-1.974-1.477L12.064 3.07a.18.18 0 00-.024-.052.044.044 0 00-.01-.011A.052.052 0 0012 3a.052.052 0 00-.03.008.044.044 0 00-.01.01zm-1.934-.542c.613-1.97 3.336-1.97 3.948 0L15.6 7.711c.01.032.026.051.04.06.011.01.02.01.024.01h5.263c1.03 0 1.734.707 1.974 1.478.238.768.063 1.736-.74 2.345l-4.258 3.235a.118.118 0 00-.039.06.167.167 0 000 .099l1.627 5.234a2.127 2.127 0 01-.74 2.345c-.661.503-1.65.622-2.468 0l-4.258-3.235a.054.054 0 00-.016-.008.03.03 0 00-.018 0 .056.056 0 00-.016.008l-4.258 3.235c-.818.622-1.807.503-2.469 0a2.127 2.127 0 01-.739-2.345l1.627-5.234a.167.167 0 000-.099.118.118 0 00-.04-.06L1.84 11.604c-.802-.61-.978-1.577-.74-2.345.24-.771.945-1.477 1.974-1.477h5.263c.005 0 .013-.001.025-.01a.118.118 0 00.039-.06l1.627-5.235z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconTrash.tsx

@@ -1,69 +1,69 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconTrash = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M17.814 9H6.186l.977 11h9.674l.977-11zM6.186 7a2 2 0 00-1.992 2.177l.977 11A2 2 0 007.163 22h9.674a2 2 0 001.992-1.823l.977-11A2 2 0 0017.814 7H6.186zM4.017 6h15.966c.86 0 1.33-.989.78-1.64a1.021 1.021 0 00-.78-.36H4.017c-.301 0-.587.132-.78.36-.55.651-.08 1.64.78 1.64z"
-        fill={fill}
-      />
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8 4l.439-1.316A1 1 0 019.387 2h5.226a1 1 0 01.948.684L16 4H8z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconTrashFilled = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M4.02 6h15.97c.86 0 1.33-.99.78-1.64-.19-.23-.48-.36-.78-.36H4.02c-.3 0-.59.13-.78.36-.55.65-.08 1.64.78 1.64zM8 4l.44-1.32A1 1 0 019.39 2h5.23c.43 0 .81.28.95.68L16.01 4H8z"
-        fill={fill}
-      />
-      <Path
-        d="M6.19 7H17.82c1.17 0 2.09 1.01 1.99 2.18l-.98 11A1.993 1.993 0 0116.84 22H7.17a2 2 0 01-1.99-1.82l-.98-11A2 2 0 016.19 7z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconTrash = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.814 9H6.186l.977 11h9.674l.977-11zM6.186 7a2 2 0 00-1.992 2.177l.977 11A2 2 0 007.163 22h9.674a2 2 0 001.992-1.823l.977-11A2 2 0 0017.814 7H6.186zM4.017 6h15.966c.86 0 1.33-.989.78-1.64a1.021 1.021 0 00-.78-.36H4.017c-.301 0-.587.132-.78.36-.55.651-.08 1.64.78 1.64z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 4l.439-1.316A1 1 0 019.387 2h5.226a1 1 0 01.948.684L16 4H8z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconTrashFilled = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.02 6h15.97c.86 0 1.33-.99.78-1.64-.19-.23-.48-.36-.78-.36H4.02c-.3 0-.59.13-.78.36-.55.65-.08 1.64.78 1.64zM8 4l.44-1.32A1 1 0 019.39 2h5.23c.43 0 .81.28.95.68L16.01 4H8z"
+        fill={fill}
+      />
+      <Path
+        d="M6.19 7H17.82c1.17 0 2.09 1.01 1.99 2.18l-.98 11A1.993 1.993 0 0116.84 22H7.17a2 2 0 01-1.99-1.82l-.98-11A2 2 0 016.19 7z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconUpload.tsx

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconUpload = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M18.7 8.888a1 1 0 01-1.414-.015L12.942 4.44v11.605a1 1 0 11-2 0V4.558L6.714 8.873a1 1 0 01-1.428-1.4l6-6.123a1 1 0 011.428 0l6 6.124a1 1 0 01-.014 1.414zM4 12a1 1 0 10-2 0v6.5a3 3 0 003 3h14a3 3 0 003-3V12a1 1 0 10-2 0v6.5a1 1 0 01-1 1H5a1 1 0 01-1-1V12z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconUpload = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M18.7 8.888a1 1 0 01-1.414-.015L12.942 4.44v11.605a1 1 0 11-2 0V4.558L6.714 8.873a1 1 0 01-1.428-1.4l6-6.123a1 1 0 011.428 0l6 6.124a1 1 0 01-.014 1.414zM4 12a1 1 0 10-2 0v6.5a3 3 0 003 3h14a3 3 0 003-3V12a1 1 0 10-2 0v6.5a1 1 0 01-1 1H5a1 1 0 01-1-1V12z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconUser.tsx

@@ -1,55 +1,55 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconUser = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M12 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM12 22c-3.72 0-8-.38-8-3.36C4 16.08 7.59 14 12 14s8 2.07 8 4.62C20 22 14.19 22 12 22zm0-6c-3.48 0-6 1.58-6 2.64 0 .23.29 1.36 6 1.36s6-1.15 6-1.38c0-1.05-2.52-2.62-6-2.62z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconUserFilled = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M12 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zM12 22c-3.72 0-8-.38-8-3.36C4 16.08 7.59 14 12 14s8 2.07 8 4.62C20 22 14.19 22 12 22z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconUser = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M12 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM12 22c-3.72 0-8-.38-8-3.36C4 16.08 7.59 14 12 14s8 2.07 8 4.62C20 22 14.19 22 12 22zm0-6c-3.48 0-6 1.58-6 2.64 0 .23.29 1.36 6 1.36s6-1.15 6-1.38c0-1.05-2.52-2.62-6-2.62z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconUserFilled = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M12 12c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zM12 22c-3.72 0-8-.38-8-3.36C4 16.08 7.59 14 12 14s8 2.07 8 4.62C20 22 14.19 22 12 22z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconVideo.tsx

@@ -1,59 +1,59 @@
-import * as React from 'react';
-import Svg, { Path } from 'react-native-svg';
-import { Palettes } from '../../themes';
-
-import type { IconProps } from '../../types';
-
-export const IconVideo = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M9.5 9c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
-        fill={fill}
-      />
-      <Path
-        d="M21.42 6.09a1 1 0 00-1.06.14L17 9.03V8c0-1.66-1.34-3-3-3H5C3.34 5 2 6.34 2 8v8c0 1.66 1.34 3 3 3h9c1.66 0 3-1.34 3-3v-1.03l3.36 2.8a1.005 1.005 0 001.06.14c.35-.16.58-.52.58-.91V7a1 1 0 00-.58-.91zM15 16c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v8zm5-1.13l-3-2.5v-.73l3-2.5v5.73z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
-
-export const IconVideoFilled = (props: IconProps) => {
-  const {
-    width = 24,
-    height = 24,
-    fill = Palettes.black[900],
-    ...rest
-  } = props;
-
-  return (
-    <Svg
-      width={width}
-      height={height}
-      viewBox="0 0 24 24"
-      fill="none"
-      // xmlns="http://www.w3.org/2000/svg"
-      {...rest}
-    >
-      <Path
-        d="M21.42 6.09a.997.997 0 00-1.06.14L17 9.03V8c0-1.66-1.34-3-3-3H5C3.34 5 2 6.34 2 8v8c0 1.66 1.34 3 3 3h9c1.66 0 3-1.34 3-3v-1.03l3.36 2.8a1.005 1.005 0 001.06.14c.35-.16.58-.52.58-.91V7a1 1 0 00-.58-.91zM9.5 14.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"
-        fill={fill}
-      />
-    </Svg>
-  );
-};
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconVideo = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M9.5 9c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zm0 4c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"
+        fill={fill}
+      />
+      <Path
+        d="M21.42 6.09a1 1 0 00-1.06.14L17 9.03V8c0-1.66-1.34-3-3-3H5C3.34 5 2 6.34 2 8v8c0 1.66 1.34 3 3 3h9c1.66 0 3-1.34 3-3v-1.03l3.36 2.8a1.005 1.005 0 001.06.14c.35-.16.58-.52.58-.91V7a1 1 0 00-.58-.91zM15 16c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V8c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v8zm5-1.13l-3-2.5v-.73l3-2.5v5.73z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconVideoFilled = (props: IconProps) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        d="M21.42 6.09a.997.997 0 00-1.06.14L17 9.03V8c0-1.66-1.34-3-3-3H5C3.34 5 2 6.34 2 8v8c0 1.66 1.34 3 3 3h9c1.66 0 3-1.34 3-3v-1.03l3.36 2.8a1.005 1.005 0 001.06.14c.35-.16.58-.52.58-.91V7a1 1 0 00-.58-.91zM9.5 14.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};