@adiraku/react-native-ui 0.1.14

package/src/icons/misc/IconStore.tsx

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconStore = (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="M5.684 2h12.563c1.312 0 2.473.868 2.866 2.14l1.664 5.36a3.735 3.735 0 01-.017 2.315c-.6 1.743-2.222 2.932-4.067 2.932a4.258 4.258 0 01-3.214-1.463l-.133-.16-.074.093a4.278 4.278 0 01-3.067 1.525l-.205.005a4.256 4.256 0 01-3.213-1.462l-.134-.161-.074.093a4.277 4.277 0 01-3.068 1.525l-.204.005a4.259 4.259 0 01-3.046-1.282A4.396 4.396 0 011.237 11.8a3.751 3.751 0 01-.03-2.273l1.601-5.355A3.01 3.01 0 015.684 2zm12.563 1.866H5.684c-.516 0-.971.344-1.12.848l-1.602 5.355c-.113.381-.11.775.007 1.12.123.36.325.687.588.956.463.47 1.083.736 1.75.736 1.219 0 2.25-.9 2.441-2.108.166-1.046 1.644-1.046 1.81 0l.039.194c.107.447.333.852.654 1.178a2.44 2.44 0 001.75.736c1.218 0 2.249-.9 2.44-2.108.166-1.046 1.644-1.046 1.81 0l.04.194c.107.447.332.852.652 1.178.463.47 1.083.736 1.75.736 1.06 0 1.992-.682 2.336-1.682.12-.35.12-.75 0-1.137L19.363 4.7a1.175 1.175 0 00-1.117-.835z"
+        fill={fill}
+      />
+      <Path
+        d="M19.997 12.617c.47 0 .858.36.91.824l.007.109v5.394c0 1.629-1.254 2.961-2.833 3.051l-.17.005H6.088c-1.6 0-2.91-1.276-2.998-2.883l-.005-.173v-5.392c0-.516.41-.933.917-.933.47 0 .857.36.91.824l.007.109v5.392c0 .616.46 1.123 1.05 1.184l.12.006h11.82c.606 0 1.104-.469 1.164-1.069l.006-.121V13.55c0-.516.41-.933.917-.933z"
+        fill={fill}
+      />
+      <Path
+        d="M22.083 9.433c.507 0 .917.417.917.933 0 2.421-1.928 4.382-4.307 4.382a4.258 4.258 0 01-3.045-1.283l-.169-.18-.133-.161-.074.092a4.279 4.279 0 01-3.067 1.527l-.204.005a4.256 4.256 0 01-3.214-1.463l-.134-.161-.074.092a4.278 4.278 0 01-3.068 1.527l-.204.005a4.258 4.258 0 01-3.046-1.284A4.413 4.413 0 011 10.366c0-.516.41-.933.917-.933.47 0 .857.36.91.824l.007.109c0 .677.263 1.31.724 1.78a2.44 2.44 0 001.749.736c1.218 0 2.25-.901 2.441-2.11.166-1.045 1.644-1.045 1.81 0 .084.525.326 1 .693 1.373a2.44 2.44 0 001.75.737c1.217 0 2.249-.902 2.44-2.11.167-1.045 1.644-1.045 1.81 0 .084.525.326 1 .692 1.373.463.47 1.083.737 1.75.737 1.367 0 2.473-1.126 2.473-2.516 0-.516.41-.933.917-.933z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconTick.tsx

@@ -0,0 +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 IconTick = (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="M6.003 11.813A1.117 1.117 0 004.39 11.7a1.21 1.21 0 00-.107 1.668l4 4.727c.444.525 1.228.54 1.69.034l9.715-10.637a1.21 1.21 0 00-.046-1.67 1.116 1.116 0 00-1.616.047l-8.85 9.692-3.173-3.75z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconTicket.tsx

@@ -0,0 +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 IconTicket = (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.157 8.307l-5.541-5.541a2.612 2.612 0 00-3.694 0L7.69 3.996c-.704.706-.557 1.703-.37 2.249a.71.71 0 01.032.37c-.022.112-.086.27-.277.46-.191.191-.349.255-.46.277a.707.707 0 01-.37-.032c-.546-.186-1.544-.334-2.248.37L2.764 8.923a2.612 2.612 0 000 3.694l5.541 5.541 1.847-1.847a.87.87 0 011.231 1.232l-1.847 1.846 1.847 1.847a2.612 2.612 0 003.694 0l1.232-1.23c.705-.706.557-1.703.371-2.249a.707.707 0 01-.033-.37c.023-.112.087-.27.277-.46.191-.191.349-.255.46-.277a.707.707 0 01.371.032c.545.186 1.543.334 2.248-.37l1.231-1.232a2.612 2.612 0 000-3.694l-1.847-1.847-1.847 1.847a.87.87 0 01-1.231-1.232l1.847-1.846zm-3.079 5.54a.87.87 0 10-1.23-1.23l-1.232 1.23a.87.87 0 101.231 1.232l1.231-1.232z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconTime.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconTime = (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 20a8 8 0 100-16 8 8 0 000 16zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M12 6a1 1 0 011 1v4.434l2.014 1.209a1 1 0 01-1.028 1.714L11.97 13.15A2 2 0 0111 11.434V7a1 1 0 011-1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/misc/IconVoucher.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconVoucher = (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="M14.297 8.995l-5.58 5.582a.697.697 0 10.985.986l5.582-5.582a.697.697 0 10-.987-.986zM10.962 8.824a2.094 2.094 0 00-2.96 2.96 2.094 2.094 0 002.96-2.96zm-.987.987a.698.698 0 11-.987.987.698.698 0 01.987-.987zM15.998 12.917a2.094 2.094 0 00-2.96 2.96 2.094 2.094 0 002.96-2.96zm-.987.986a.698.698 0 11-.987.987.698.698 0 01.987-.987z"
+        fill={fill}
+      />
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M2 10.113c0 .295.186.559.465.657a2.096 2.096 0 010 3.948.697.697 0 00-.465.658v1.554c0 .9.73 1.628 1.628 1.628h16.744c.899 0 1.628-.729 1.628-1.628v-1.554a.697.697 0 00-.465-.658 2.096 2.096 0 010-3.948.697.697 0 00.465-.657V7.628C22 6.728 21.27 6 20.372 6H3.628C2.729 6 2 6.728 2 7.628v2.485zm1.395-.454V7.628c0-.128.105-.233.233-.233h16.744c.128 0 .233.105.233.233v2.03a3.49 3.49 0 000 6.172v1.1a.233.233 0 01-.233.233H3.628a.233.233 0 01-.233-.233v-1.1a3.49 3.49 0 000-6.171z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconArrowDown.tsx

@@ -0,0 +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 IconArrowDown = (props: IconProps) => {
+  const {
+    width = 18,
+    height = 20,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 18 20"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1.707 10.293a1 1 0 10-1.414 1.414l8 8a1 1 0 001.415 0l8-8a1 1 0 00-1.415-1.414L10 16.586V1a1 1 0 10-2 0v15.585l-6.293-6.292z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconArrowLeft.tsx

@@ -0,0 +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 IconArrowLeft = (props: IconProps) => {
+  const {
+    width = 20,
+    height = 18,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 20 18"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.707 1.707A1 1 0 008.293.293l-8 8a1 1 0 000 1.415l8 8a1 1 0 001.414-1.415L3.414 10H19a1 1 0 100-2H3.415l6.292-6.293z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconArrowRight.tsx

@@ -0,0 +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 IconArrowRight = (props: IconProps) => {
+  const {
+    width = 20,
+    height = 18,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 20 18"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.293 1.707A1 1 0 1111.707.293l8 8a1 1 0 010 1.415l-8 8a1 1 0 01-1.414-1.415L16.586 10H1a1 1 0 110-2h15.585l-6.292-6.293z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconArrowUp.tsx

@@ -0,0 +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 IconArrowUp = (props: IconProps) => {
+  const {
+    width = 18,
+    height = 20,
+    fill = Palettes.black[900],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 18 20"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16.293 9.707a1 1 0 001.414-1.414l-8-8a1 1 0 00-1.415 0l-8 8a1 1 0 101.415 1.414L8 3.414V19a1 1 0 102 0V3.415l6.293 6.292z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronDown.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronDown = (props: IconProps) => {
+  const { width = 14, height = 8, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 14 8"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.228.338a.778.778 0 011.1 0L7 6.01 12.672.338a.778.778 0 011.1 1.1L7.55 7.66a.778.778 0 01-1.1 0L.228 1.438a.778.778 0 010-1.1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronLeft.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronLeft = (props: IconProps) => {
+  const { width = 8, height = 14, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 8 14"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.662.228a.778.778 0 010 1.1L1.99 7l5.672 5.672a.778.778 0 01-1.1 1.1L.34 7.55a.778.778 0 010-1.1L6.562.228a.778.778 0 011.1 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronRight.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronRight = (props: IconProps) => {
+  const { width = 8, height = 14, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 8 14"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.338 13.772a.778.778 0 010-1.1L6.01 7 .338 1.328a.778.778 0 011.1-1.1L7.66 6.45a.778.778 0 010 1.1l-6.222 6.222a.778.778 0 01-1.1 0z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navigations/IconChevronUp.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconChevronUp = (props: IconProps) => {
+  const { width = 14, height = 8, fill = Palettes.black[900], ...rest } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 14 8"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.772 7.662a.778.778 0 01-1.1 0L7 1.99 1.328 7.662a.778.778 0 01-1.1-1.1L6.45.34a.778.778 0 011.1 0l6.222 6.222a.778.778 0 010 1.1z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavAdiraku.tsx

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import Svg, { Circle, ClipPath, Defs, G, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconNavAdiraku = (props: IconProps & { innerCircle: string }) => {
+  const {
+    width = 32,
+    height = 32,
+    fill = Palettes.black[900],
+    innerCircle = Palettes.white[50],
+    ...rest
+  } = props;
+
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 32 32"
+      fill="none"
+      // xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <G
+        clipPath="url(#clip0_1435_133818)"
+        filter="url(#filter0_d_1435_133818)"
+      >
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M16 24c6.627 0 12-5.373 12-12S22.627 0 16 0 4 5.373 4 12s5.373 12 12 12zm2.968-14.973c.024.024.032.598.032 2.422 0 2.192.005 2.488-.098 2.74-.021.053-.048.104-.08.17-.198.408-.656.757-1.12.855-.27.056-3.138.056-3.407 0a1.677 1.677 0 01-1.26-1.216c-.035-.14-.04-.36-.032-1.538.008-1.36.009-1.376.07-1.558.277-.832.908-1.407 1.746-1.593.082-.018.728-.036 1.73-.048 1.541-.019 1.607-.022 1.805-.078.113-.032.272-.086.354-.12.172-.073.217-.08.26-.036z"
+          fill={fill}
+        />
+        <Circle cx={16} cy={12} r={9.5} stroke={innerCircle} />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_1435_133818">
+          <Path fill={fill} transform="translate(4)" d="M0 0H24V24H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavDocument.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconNavDocument = (props: IconProps & { lineStripes: string }) => {
+  const {
+    width = 24,
+    height = 24,
+    fill = Palettes.black[900],
+    lineStripes = Palettes.white[50],
+    ...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.191 2H7.81C4.77 2 3 3.78 3 6.83v10.33C3 20.26 4.77 22 7.81 22h8.381C19.28 22 21 20.26 21 17.16V6.83C21 3.78 19.28 2 16.191 2z"
+        fill={fill}
+      />
+      <Path
+        d="M19.5 9a3.5 3.5 0 100-7 3.5 3.5 0 000 7z"
+        fill={fill}
+        stroke={lineStripes}
+        strokeWidth={2}
+      />
+      <Path
+        d="M8.08 15.74h7.84c.399.04.7.38.7.79 0 .399-.301.74-.7.78H8.08c-.3.04-.59-.11-.75-.36a.795.795 0 01.75-1.21zm7.84-4.561a.781.781 0 010 1.561H8.08a.78.78 0 010-1.561h7.84zM11.069 6.65c.431 0 .781.35.781.779 0 .441-.35.791-.781.791H8.08a.78.78 0 010-1.56v-.01h2.989z"
+        fill={lineStripes}
+      />
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavHome.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import Svg, { Circle, Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconNavHome = (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.144 20.782v-3.067c0-.777.632-1.408 1.414-1.413h2.875c.786 0 1.423.633 1.423 1.413v3.058c0 .674.548 1.222 1.227 1.227h1.96a3.46 3.46 0 002.444-1 3.41 3.41 0 001.013-2.422V9.866c0-.735-.328-1.431-.895-1.902l-6.662-5.29a3.115 3.115 0 00-3.958.071L3.467 7.963A2.474 2.474 0 002.5 9.867v8.703C2.5 20.464 4.047 22 5.956 22h1.916c.327.002.641-.125.873-.354.232-.228.363-.54.363-.864h.036z"
+        fill={fill}
+      />
+      <Circle cx={12} cy={10} r={2} fill="transparent" />
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavPhone.tsx

@@ -0,0 +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 IconNavPhone = (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="M5.128 3.874a74.226 74.226 0 00-1.907.922c-.226.164-.27.435-.172 1.086.535 3.564 2.223 6.841 4.98 9.672 2.755 2.828 5.99 4.635 9.45 5.281 1.173.219 1.424.22 1.643.005.145-.141 1.85-3.755 1.874-3.972.029-.26-.086-.438-.427-.662-.71-.467-3.262-2.1-3.362-2.151a.71.71 0 00-.548 0c-.062.03-.461.402-.888.824-.426.422-.81.785-.852.807-.297.151-1.31-.1-2.253-.56-2.169-1.059-3.908-3.202-4.348-5.359-.08-.393-.086-.518-.033-.659.02-.054.4-.464.842-.91.66-.664.812-.836.844-.952.048-.176.049-.269.002-.392-.02-.053-.559-.907-1.197-1.898C7.486 2.95 7.523 2.996 7.151 3c-.171.003-.363.086-2.023.873z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/navs/IconNavProfile.tsx

@@ -0,0 +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 IconNavProfile = (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.17 15.532c-3.867 0-7.17.584-7.17 2.926s3.282 2.948 7.17 2.948c3.868 0 7.17-.586 7.17-2.927 0-2.34-3.281-2.947-7.17-2.947zM12.17 12.191a4.596 4.596 0 10-4.596-4.596 4.58 4.58 0 004.564 4.596h.033z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};

package/src/icons/vehicles/IconBikeCaferacer.tsx

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import Svg, { Path } from 'react-native-svg';
+import { Palettes } from '../../themes';
+
+import type { IconProps } from '../../types';
+
+export const IconBikeCaferacer = (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.423 8.285c-.143-.316-.24-.526-.356-.78-.325.084-.633.18-.947.235-.095.018-.21-.08-.316-.131.065-.116.104-.299.198-.333A5.407 5.407 0 0115.073 7a.494.494 0 01.395.229 539.51 539.51 0 013.025 6.455c.058.131-.076.34-.121.513l-.184-.037-1.672-3.551c-1.061.611-2.178.088-3.196.475h2.63v.192h-1.84l-.008.196h1.8c-.429.91-.773 1.68-1.163 2.425-.061.121-.322.193-.492.195-2.58.012-5.162.012-7.743 0-.157 0-.312-.132-.467-.202.167-.077.332-.215.502-.22.733-.026 1.467-.011 2.206-.011-.199-2.346-2.63-3.61-4.623-2.499-.3.143-.607.27-.92.377-.043-.435-.188-.723.34-.766.188-.016.409-.31.513-.526.277-.578.727-.743 1.33-.738 1.75.018 3.5-.007 5.25.018.526.008.891-.14 1.03-.676.123-.468.444-.581.894-.57.917.022 1.835.006 2.864.006z"
+        fill={fill}
+      />
+      <Path
+        d="M16.73 11.748c.306.47.445.848.07 1.38-.435.614-.228 1.433.313 1.972a1.664 1.664 0 001.992.287c.672-.358.995-1.022.883-1.811a1.663 1.663 0 00-1.388-1.372c-.624-.108-.624-.108-.862-.847.954-.452 2.344.14 2.941 1.252a2.675 2.675 0 01-1.007 3.59 2.703 2.703 0 01-3.592-.821c-.806-1.176-.545-2.712.65-3.63zM8.287 13.293c-.57.142-.942.058-1.294-.448-.58-.834-1.755-.899-2.474-.233a1.69 1.69 0 00.02 2.542c.75.671 1.899.595 2.467-.263.346-.526.734-.5 1.215-.435-.163 1.236-1.3 2.13-2.651 2.104a2.63 2.63 0 01-2.553-2.355c-.137-1.525.733-2.694 2.221-2.99 1.299-.256 2.58.595 3.05 2.078zM17.983 8.47c-.29.355-.485.799-.693.805-.444.012-.734-.353-.72-.835.015-.481.263-.859.743-.789.227.033.395.464.67.82z"
+        fill={fill}
+      />
+    </Svg>
+  );
+};