@adiraku/react-native-ui 1.0.5 → 1.1.1

package/src/icons/actions/IconNotification.tsx

@@ -44,3 +44,28 @@ export const IconNotification = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconNotificationFilled = (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="M15 19c0 1.66-1.34 3-3 3s-3-1.34-3-3h6zM3.75 17.27c.47.47 1.1.73 1.79.73h12.95c.68 0 1.32-.26 1.79-.73.49-.49.75-1.15.73-1.84-.02-.71-.31-1.34-.82-1.81l-.59-.52c-.23-.21-.31-.4-.31-.73V9.29c0-1.76-.73-3.48-1.9-4.85-1.34-1.58-3.17-2.45-5.19-2.45h-.35c-2.02 0-3.88.87-5.19 2.45-1.2 1.36-1.93 3.08-1.93 4.85v3.06c0 .31-.07.52-.31.73l-.59.52c-.52.47-.8 1.11-.82 1.81 0 .71.26 1.36.75 1.86h-.01z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconOther.tsx

@@ -22,13 +22,32 @@ export const IconOther = (props: IconProps) => {
       {...rest}
     >
       <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM4 12c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8z"
+        d="M9 5v4H5V5h4zm0-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM19 5v4h-4V5h4zm0-2h-4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 15v4H5v-4h4zm0-2H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zM19 15v4h-4v-4h4zm0-2h-4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2z"
         fill={fill}
       />
+    </Svg>
+  );
+};
+
+export const IconOtherFilled = (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 13a1 1 0 100-2 1 1 0 000 2zM16 13a1 1 0 100-2 1 1 0 000 2zM8 13a1 1 0 100-2 1 1 0 000 2z"
+        d="M9 3H5a2 2 0 00-2 2v4a2 2 0 002 2h4a2 2 0 002-2V5a2 2 0 00-2-2zM19 3h-4a2 2 0 00-2 2v4a2 2 0 002 2h4a2 2 0 002-2V5a2 2 0 00-2-2zM9 13H5a2 2 0 00-2 2v4a2 2 0 002 2h4a2 2 0 002-2v-4a2 2 0 00-2-2zM19 13h-4a2 2 0 00-2 2v4a2 2 0 002 2h4a2 2 0 002-2v-4a2 2 0 00-2-2z"
         fill={fill}
       />
     </Svg>

package/src/icons/actions/IconRoundAdd.tsx

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconRoundAdd = (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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zM4 12c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8z"
+        fill={fill}
+      />
+      <Path
+        d="M16 11h-3V8c0-.55-.45-1-1-1s-1 .45-1 1v3H8c-.55 0-1 .45-1 1s.45 1 1 1h3v3c0 .55.45 1 1 1s1-.45 1-1v-3h3c.55 0 1-.45 1-1s-.45-1-1-1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconRoundAddFilled = (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="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4 11h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3H8c-.55 0-1-.45-1-1s.45-1 1-1h3V8c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconRoundClose.tsx

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconRoundClose = (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="M19.07 4.93c-3.89-3.89-10.25-3.89-14.14 0-3.89 3.89-3.89 10.25 0 14.14 3.89 3.89 10.25 3.89 14.14 0 3.89-3.89 3.89-10.25 0-14.14zM6.34 6.34c3.11-3.11 8.2-3.11 11.31 0 3.11 3.11 3.11 8.2 0 11.31-3.11 3.11-8.2 3.11-11.31 0-3.11-3.11-3.11-8.2 0-11.31z"
+        fill={fill}
+      />
+      <Path
+        d="M13.41 12l2.29-2.29a.996.996 0 10-1.41-1.41L12 10.59 9.71 8.3A.996.996 0 108.3 9.71L10.59 12 8.3 14.29a.996.996 0 00.71 1.7c.26 0 .51-.1.71-.29l2.29-2.29 2.29 2.29c.2.2.45.29.71.29.26 0 .51-.1.71-.29a.996.996 0 000-1.41L13.43 12h-.02z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconRoundCloseFilled = (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="M19.07 4.93c-3.89-3.89-10.25-3.89-14.14 0-3.89 3.89-3.89 10.25 0 14.14 3.89 3.89 10.25 3.89 14.14 0 3.89-3.89 3.89-10.25 0-14.14zm-3.36 9.36a.996.996 0 01-.71 1.7c-.26 0-.51-.1-.71-.29L12 13.41 9.71 15.7c-.2.2-.45.29-.71.29-.26 0-.51-.1-.71-.29a.996.996 0 010-1.41L10.58 12 8.29 9.71A.996.996 0 119.7 8.3l2.29 2.29 2.29-2.29a.996.996 0 111.41 1.41L13.4 12l2.29 2.29h.02z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconSetting.tsx

@@ -30,3 +30,30 @@ export const IconSetting = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconSettingFilled = (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="M20 12.79c-.28-.49-.28-1.09 0-1.57l.56-.97c1.24-2.16-.3-4.87-2.77-4.86h-1.11c-.56 0-1.07-.29-1.35-.78l-.55-.97c-1.23-2.17-4.32-2.17-5.55 0l-.55.97c-.28.49-.79.79-1.35.79H6.22c-2.47-.01-4.02 2.69-2.78 4.85l.56.97c.28.49.28 1.09 0 1.57l-.56.97c-1.24 2.16.3 4.87 2.78 4.86h1.11c.56 0 1.07.3 1.35.78l.55.97c1.23 2.17 4.32 2.17 5.55 0l.55-.97c.28-.49.79-.79 1.35-.79h1.11c2.47.01 4.02-2.7 2.77-4.85l-.56-.97zM12 15c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconShare.tsx

@@ -30,3 +30,28 @@ export const IconShare = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconShareFilled = (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="M18 15c-1.18 0-2.24.51-2.96 1.32l-5.29-2.94a3.93 3.93 0 000-2.76l5.29-2.94C15.76 8.49 16.82 9 18 9c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4c0 .31.04.62.11.91L8.6 8.96A3.999 3.999 0 002 12a3.999 3.999 0 006.6 3.04l5.51 3.05c-.07.29-.11.6-.11.91 0 2.21 1.79 4 4 4s4-1.79 4-4-1.79-4-4-4z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconShoppingBag.tsx

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconShoppingBag = (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="M17.85 22H6.15c-.56 0-1.08-.23-1.46-.64-.38-.41-.57-.94-.53-1.5l.71-10c.08-1.04.95-1.86 2-1.86h10.28c1.04 0 1.92.82 2 1.86l.71 10c.04.56-.15 1.1-.53 1.51-.38.41-.9.64-1.46.64l-.02-.01zm-.71-12H6.86l-.71 10h11.7l-.71-10z"
+        fill={fill}
+      />
+      <Path
+        d="M15 13c-.55 0-1-.45-1-1V6.11c0-1-.68-1.92-1.66-2.09-1.25-.21-2.34.76-2.34 1.97v6c0 .55-.45 1-1 1s-1-.45-1-1V6.17c0-2.09 1.52-3.96 3.6-4.16 2.38-.23 4.4 1.64 4.4 3.98v6c0 .55-.45 1-1 1V13z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconShoppingBagFilled = (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="M19.13 9.86a2.015 2.015 0 00-2-1.86H6.86c-1.04 0-1.92.82-2 1.86l-.71 10c-.04.56.15 1.09.53 1.5.38.41.9.64 1.46.64h11.7c.56 0 1.08-.23 1.46-.64.38-.41.57-.94.53-1.51l-.71-10 .01.01z"
+        fill={fill}
+      />
+      <Path
+        d="M15 13c-.55 0-1-.45-1-1V6.11c0-1-.68-1.92-1.66-2.09-1.25-.21-2.34.76-2.34 1.97v6c0 .55-.45 1-1 1s-1-.45-1-1V6.17c0-2.09 1.52-3.96 3.6-4.16 2.38-.23 4.4 1.64 4.4 3.98v6c0 .55-.45 1-1 1V13z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconShoppingCart.tsx

@@ -22,9 +22,36 @@ export const IconShoppingCart = (props: IconProps) => {
       {...rest}
     >
       <Path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M7.573 4.835A3.419 3.419 0 004.197 2H2.838l-.097.006A.835.835 0 002 2.833c0 .46.375.834.838.834h1.36l.13.005A1.744 1.744 0 015.933 5.2l.813 6.842.024.17a3.417 3.417 0 003.375 2.834h7.955l.171-.005c1.645-.081 2.85-1.339 3.034-3.035l.676-6.238.014-.167C22.109 3.659 20.555 2 18.576 2H17.48l-.098.006a.835.835 0 00-.74.827c0 .46.375.834.838.834h1.096l.129.004a1.74 1.74 0 011.608 1.918l-.676 6.238-.02.147c-.147.862-.73 1.405-1.518 1.405h-7.955l-.132-.005a1.742 1.742 0 01-1.602-1.527l-.813-6.842-.024-.17zM6.809 19.27c0-1.508 1.23-2.73 2.747-2.73a2.739 2.739 0 012.746 2.73c0 1.508-1.23 2.73-2.746 2.73a2.738 2.738 0 01-2.747-2.73zm3.816 0c0-.587-.48-1.063-1.07-1.063-.59 0-1.069.476-1.069 1.063s.479 1.063 1.07 1.063c.59 0 1.07-.476 1.07-1.063zm4.372 0c0-1.508 1.23-2.73 2.747-2.73a2.738 2.738 0 012.745 2.73c0 1.508-1.23 2.73-2.745 2.73a2.739 2.739 0 01-2.747-2.73zm3.816 0c0-.587-.48-1.063-1.07-1.063-.59 0-1.07.476-1.07 1.063s.48 1.063 1.07 1.063c.59 0 1.07-.476 1.07-1.063z"
+        d="M9.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM17.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM18.21 15H9.67c-1.45 0-2.69-1.04-2.95-2.46l-1.4-7.71a.996.996 0 00-.98-.82H3.01c-.55 0-1-.45-1-1s.45-1 1-1h1.33c1.45 0 2.69 1.04 2.95 2.46l1.4 7.71c.09.48.5.82.98.82h8.54c.51 0 .94-.38.99-.89l.8-5.05a.95.95 0 00-.25-.73C19.56 6.12 19.29 6 19 6h-9c-.55 0-1-.45-1-1s.45-1 1-1h9c.85 0 1.67.36 2.24 1 .57.64.84 1.49.75 2.33l-.8 5.05c-.16 1.48-1.44 2.62-2.97 2.62h-.01z"
+        fill={fill}
+      />
+      <Path
+        d="M11 11.5c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zM14 11.5c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zM17 11.5c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconShoppingCartFilled = (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.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM17.96 18c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0-2c-1.65 0-3 1.35-3 3s1.35 3 3 3 3-1.35 3-3-1.35-3-3-3zM21.24 5c-.57-.63-1.38-1-2.24-1H7.16c-.42-1.18-1.54-2-2.83-2H3c-.55 0-1 .45-1 1s.45 1 1 1h1.33c.48 0 .9.35.98.82l1.4 7.71c.26 1.43 1.5 2.46 2.95 2.46h8.54c1.53 0 2.81-1.15 2.97-2.62l.8-5.05c.09-.85-.18-1.7-.75-2.33l.02.01z"
         fill={fill}
       />
     </Svg>

package/src/icons/actions/IconSmartphone.tsx

@@ -0,0 +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 IconSmartphone = (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="M16 2H8C6.35 2 5 3.35 5 5v14c0 1.65 1.35 3 3 3h8c1.65 0 3-1.35 3-3V5c0-1.65-1.35-3-3-3zM8 4h1c0 .55.45 1 1 1h4c.55 0 1-.45 1-1h1c.55 0 1 .45 1 1v11H7V5c0-.55.45-1 1-1zm8 16H8c-.55 0-1-.45-1-1v-1h10v1c0 .55-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconSmartphoneFilled = (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="M16 2H8C6.35 2 5 3.35 5 5v14c0 1.65 1.35 3 3 3h8c1.65 0 3-1.35 3-3V5c0-1.65-1.35-3-3-3zm-4 18c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm5-4H7V5c0-.55.45-1 1-1h1c0 .55.45 1 1 1h4c.55 0 1-.45 1-1h1c.55 0 1 .45 1 1v11z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconTrash.tsx

@@ -36,3 +36,34 @@ export const IconTrash = (props: IconProps) => {
     </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/IconUser.tsx

@@ -0,0 +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>
+  );
+};

package/src/icons/actions/IconVideo.tsx

@@ -0,0 +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>
+  );
+};

package/src/icons/index.ts

@@ -10,6 +10,11 @@ export { IconChevronLeft } from './navigations/IconChevronLeft';
 export { IconClose } from './navigations/IconClose';
 
 export { IconAddMinus } from './actions/IconAddMinus';
+export { IconMinus, IconMinusFilled } from './actions/IconMinus';
+export { IconRoundClose, IconRoundCloseFilled } from './actions/IconRoundClose';
+export { IconRoundAdd, IconRoundAddFilled } from './actions/IconRoundAdd';
+export { IconJualMobil, IconJualMobilFilled } from './actions/IconJualMobil';
+export { IconDot, IconDotFilled } from './actions/IconDot';
 export { IconAddPlus } from './actions/IconAddPlus';
 export { IconAddRemove } from './actions/IconAddRemove';
 export { IconHeartEmpty } from './actions/IconHeartEmpty';
@@ -19,31 +24,46 @@ export { IconPicture } from './actions/IconPicture';
 export { IconPictureAdd } from './actions/IconPictureAdd';
 export { IconStarFilled } from './actions/IconStarFilled';
 export { IconStarOutline } from './actions/IconStarOutline';
-export { IconShoppingCart } from './actions/IconShoppingCart';
+export {
+  IconShoppingCart,
+  IconShoppingCartFilled,
+} from './actions/IconShoppingCart';
 export { IconSort } from './actions/IconSort';
 export { IconSearch } from './actions/IconSearch';
-export { IconTrash } from './actions/IconTrash';
-export { IconShare } from './actions/IconShare';
-export { IconSetting } from './actions/IconSetting';
-export { IconChat } from './actions/IconChat';
-export { IconCamera } from './actions/IconCamera';
-export { IconHelp } from './actions/IconHelp';
-export { IconInfo } from './actions/IconInfo';
+export { IconTrash, IconTrashFilled } from './actions/IconTrash';
+export { IconShare, IconShareFilled } from './actions/IconShare';
+export { IconSetting, IconSettingFilled } from './actions/IconSetting';
+export { IconChat, IconChatFilled } from './actions/IconChat';
+export { IconCamera, IconCameraFilled } from './actions/IconCamera';
+export { IconHelp, IconHelpFilled } from './actions/IconHelp';
+export { IconInfo, IconInfoFilled } from './actions/IconInfo';
+export { IconUser, IconUserFilled } from './actions/IconUser';
 export { IconPerson } from './actions/IconPerson';
-export { IconNotification } from './actions/IconNotification';
+export {
+  IconNotification,
+  IconNotificationFilled,
+} from './actions/IconNotification';
 export { IconUpload } from './actions/IconUpload';
 export { IconDownload } from './actions/IconDownload';
-export { IconCopy } from './actions/IconCopy';
-export { IconLike } from './actions/IconLike';
-export { IconEdit } from './actions/IconEdit';
-export { IconFilter } from './actions/IconFilter';
+export { IconCopy, IconCopyFilled } from './actions/IconCopy';
+export { IconLike, IconLikeFilled } from './actions/IconLike';
+export { IconVideo, IconVideoFilled } from './actions/IconVideo';
+export { IconSmartphone, IconSmartphoneFilled } from './actions/IconSmartphone';
+export {
+  IconShoppingBag,
+  IconShoppingBagFilled,
+} from './actions/IconShoppingBag';
+export { IconEdit, IconEditFilled } from './actions/IconEdit';
+export { IconGallery, IconGalleryFilled } from './actions/IconGallery';
+export { IconBeliMobil, IconBeliMobilFilled } from './actions/IconBeliMobil';
+export { IconFilter, IconFilterFilled } from './actions/IconFilter';
 export { IconCustomerService } from './actions/IconCustomerService';
 export { IconAttach } from './actions/IconAttach';
 export { IconSeeShow } from './actions/IconSeeShow';
 export { IconSeeHide } from './actions/IconSeeHide';
 export { IconReload } from './actions/IconReload';
-export { IconOther } from './actions/IconOther';
-export { IconEmail } from './actions/IconEmail';
+export { IconOther, IconOtherFilled } from './actions/IconOther';
+export { IconEmail, IconEmailFilled } from './actions/IconEmail';
 export { IconSorting } from './actions/IconSorting';
 export { IconHamburger } from './actions/IconHamburger';