@adiraku/react-native-ui 1.0.5 → 1.1.0

package/src/icons/actions/IconEmail.tsx

@@ -28,3 +28,28 @@ export const IconEmail = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconEmailFilled = (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 4H5C3.35 4 2 5.35 2 7v10c0 1.65 1.35 3 3 3h14c1.65 0 3-1.35 3-3V7c0-1.65-1.35-3-3-3zm.71 3.71l-5.59 5.59c-.57.57-1.32.88-2.12.88s-1.55-.31-2.12-.88L4.29 7.71A.996.996 0 115.7 6.3l5.59 5.59c.38.38 1.04.38 1.41 0l5.59-5.59a.996.996 0 111.41 1.41h.01z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconFilter.tsx

@@ -50,3 +50,32 @@ export const IconFilter = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconFilterFilled = (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 9H3c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1zM21 17H3c-.55 0-1-.45-1-1s.45-1 1-1h18c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+      <Path
+        d="M8 12c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zM16 20c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconGallery.tsx

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconGallery = (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 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h14zm0-2H5C3.34 4 2 5.34 2 7v10c0 1.66 1.34 3 3 3h14c1.66 0 3-1.34 3-3V7c0-1.66-1.34-3-3-3z"
+        fill={fill}
+      />
+      <Path
+        d="M17 20c-.26 0-.51-.1-.71-.29L8.7 12.12a.996.996 0 00-1.41 0l-3.2 3.2a.996.996 0 11-1.41-1.41l3.2-3.2c1.13-1.13 3.11-1.13 4.24 0l7.59 7.59A.996.996 0 0117 20z"
+        fill={fill}
+      />
+      <Path
+        d="M21 18c-.26 0-.51-.1-.71-.29l-3.59-3.59a.996.996 0 00-1.41 0l-1.59 1.59a.996.996 0 11-1.41-1.41l1.59-1.59a3 3 0 014.24 0l3.59 3.59A.996.996 0 0121 18zM17 11c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconGalleryFilled = (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 4H5C3.34 4 2 5.34 2 7v7.53l3.88-3.84a3.006 3.006 0 014.23.01L13 13.59l.88-.88a3 3 0 014.24 0L22 16.59V7c0-1.66-1.34-3-3-3zm-1 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+        fill={fill}
+      />
+      <Path
+        d="M15.29 14.12l-1.58 1.58a.996.996 0 01-1.41 0l-3.59-3.59c-.39-.38-1.02-.38-1.41 0l-5.27 5.21A2.987 2.987 0 005.01 20h14c.98 0 1.85-.47 2.39-1.19l-4.68-4.69c-.39-.39-1.03-.39-1.42 0h-.01z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconHelp.tsx

@@ -30,3 +30,30 @@ export const IconHelp = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconHelpFilled = (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="M22 12c0 5.52-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2s10 4.48 10 10zM9.5 9.87c.48.28 1.09.11 1.37-.36.96-1.39 2.81.46 1.29 1.36-.27.16-.63.43-.9.76-.26.31-.49.74-.52 1.27v.1c0 .55.45 1 1 1 .76 0 .91-.4 1.05-.81.09-.26.19-.53.45-.69.83-.51 1.5-1.4 1.5-2.5 0-1.66-1.34-3-3-3-1.11 0-2.08.61-2.6 1.5-.28.48-.11 1.09.36 1.37zM10.73 16c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconInfo.tsx

@@ -36,3 +36,30 @@ export const IconInfo = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconInfoFilled = (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.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 13.5c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4zm0-7c0 .55-.45 1-1 1s-1-.45-1-1V8c0-.55.45-1 1-1s1 .45 1 1v.5z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconJualMobil.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 IconJualMobil = (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="M8 14.5H6.5c-.55 0-1 .45-1 1s.45 1 1 1H8c.55 0 1-.45 1-1s-.45-1-1-1zM17.5 14.5H16c-.55 0-1 .45-1 1s.45 1 1 1h1.5c.55 0 1-.45 1-1s-.45-1-1-1zM16.76 12.49c-.27 0-.52-.11-.71-.29l-4.24-4.24a.99.99 0 01-.29-.71V4.42c0-.27.11-.52.29-.71l1.41-1.41a.99.99 0 01.71-.29h2.83c.27 0 .52.11.71.29l4.24 4.24c.39.39.39 1.02 0 1.41l-4.24 4.24a.99.99 0 01-.71.29v.01zm-3.24-5.66l3.24 3.24 2.83-2.83L16.35 4h-2l-.83.83v2z"
+        fill={fill}
+      />
+      <Path
+        d="M14.99 5.97a.5.5 0 100-1 .5.5 0 000 1zM20.88 11.5H21c.55 0 1-.45 1-1 0-.38-.22-.72-.54-.89l-3.29 3.29s-.08.08-.12.1h1.52l.36 5H4.07l.36-5h11.03s-.08-.06-.12-.1l-1.9-1.9H6.12l1.5-3H9.5c.55 0 1-.45 1-1s-.45-1-1-1H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconJualMobilFilled = (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.71 6.54L17.47 2.3a.99.99 0 00-.71-.29h-2.83c-.27 0-.52.11-.71.29l-1.41 1.41a.99.99 0 00-.29.71v2.83c0 .27.11.52.29.71l4.24 4.24c.19.19.44.29.71.29.27 0 .52-.11.71-.29l4.24-4.24a.996.996 0 000-1.41v-.01zm-7.36-1.71c-.2.2-.51.2-.71 0-.2-.2-.2-.51 0-.71.2-.2.51-.2.71 0 .2.2.2.51 0 .71z"
+        fill={fill}
+      />
+      <Path
+        d="M20.88 11.5H21c.55 0 1-.45 1-1 0-.38-.22-.72-.54-.89l-3.29 3.29c-.38.38-.88.59-1.41.59-.53 0-1.04-.21-1.42-.59l-1.4-1.4H6.12L7.62 8H9.5c.55 0 1-.45 1-1s-.45-1-1-1H7.62c-.77 0-1.45.42-1.79 1.11L4.63 9.5H3c-.55 0-1 .45-1 1s.45 1 1 1h.12c-.39.34-.65.81-.68 1.36l-.36 5c-.04.55.15 1.1.53 1.5.36.39.87.62 1.39.64v.5c0 .83.67 1.5 1.5 1.5S7 21.33 7 20.5V20h10v.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V20c.52-.02 1.03-.25 1.39-.64.38-.4.57-.95.53-1.5l-.36-5a1.95 1.95 0 00-.68-1.36zM8 16.5H6.5c-.55 0-1-.45-1-1s.45-1 1-1H8c.55 0 1 .45 1 1s-.45 1-1 1zm9.5 0H16c-.55 0-1-.45-1-1s.45-1 1-1h1.5c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconLike.tsx

@@ -28,3 +28,28 @@ export const IconLike = (props: IconProps) => {
     </Svg>
   );
 };
+
+export const IconLikeFilled = (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.68 21H11c-1.65 0-3-1.35-3-3v-7.28c0-.7.25-1.38.7-1.92l4.54-5.44a1.001 1.001 0 011.76.8L14.19 9h5.82c1.1 0 2 .9 2 2v1.18c0 .68-.14 1.34-.4 1.97l-2.16 5.03A3.007 3.007 0 0116.69 21h-.01zM5 10H3a1 1 0 00-1 1v9a1 1 0 001 1h2a1 1 0 001-1v-9a1 1 0 00-1-1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/actions/IconMinus.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 IconMinus = (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.75 21.5c5.385 0 9.75-4.365 9.75-9.75S17.135 2 11.75 2 2 6.365 2 11.75s4.365 9.75 9.75 9.75zm0-1.5a8.25 8.25 0 110-16.5 8.25 8.25 0 010 16.5zM8 11.75c0-.414.387-.75.865-.75h5.77c.478 0 .865.336.865.75s-.387.75-.865.75h-5.77c-.478 0-.865-.336-.865-.75z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};
+
+export const IconMinusFilled = (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 11H8c-.55 0-1-.45-1-1s.45-1 1-1h8c.55 0 1 .45 1 1s-.45 1-1 1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

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