Samandar/cpost-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Samandar Turgunboyev
2025-08-26 16:26:59 +05:00
commit fd95422447
318 changed files with 38301 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/svg/ArrowDown.tsx Normal file
View File

@@ -0,0 +1,19 @@
import * as React from 'react';
import Svg, { Path, SvgProps } from 'react-native-svg';
const ArrowDown = ({
width = 24,
height = 24,
color = '#2BA6E5',
...props
}: SvgProps) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24" {...props}>
<Path
stroke="#212121"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m19 8.5-7 7-7-7"
/>
</Svg>
);
export default ArrowDown;

21
src/svg/ArrowLeft.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path, SvgProps } from 'react-native-svg';
const ArrowLeft = ({
width = 24,
height = 24,
color = '#2BA6E5',
...props
}: SvgProps) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24" {...props}>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="M15 19.92 8.48 13.4c-.77-.77-.77-2.03 0-2.8L15 4.08"
/>
</Svg>
);
export default ArrowLeft;

21
src/svg/ArrowRight.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path, SvgProps } from 'react-native-svg';
const ArrowRight = ({
width = 24,
height = 24,
color = '#2BA6E5',
...props
}: SvgProps) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24" {...props}>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M5 12h14m0 0-7-7m7 7-7 7"
/>
</Svg>
);
export default ArrowRight;

26
src/svg/ArrowRightUnderline.tsx Normal file
View File

@@ -0,0 +1,26 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
width?: number,
height?: number,
color: string
}
const ArrowRightUnderline = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m8.5 5 7 7-7 7"
/>
</Svg>
)
export default ArrowRightUnderline

24
src/svg/Auto.tsx Normal file
View File

@@ -0,0 +1,24 @@
import * as React from "react"
import Svg, { Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number,
view?: string
}
const Auto = ({ color, height = 24, width = 24, view = "0" }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox={`0 ${view} 24 24`}
>
<Path
fill={color}
d="M7.965 13a3.5 3.5 0 0 1-6.93 0H0V1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2h3l3 4.056V13h-2.035a3.501 3.501 0 0 1-6.93 0h-5.07ZM14 2H2v8.05a3.5 3.5 0 0 1 5.663.95h5.674c.168-.353.393-.674.663-.95V2Zm2 6h4v-.285L17.992 5H16v3Zm.5 6a1.5 1.5 0 1 0 0-3.001 1.5 1.5 0 0 0 0 3.001ZM6 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"
/>
</Svg>
)
export default Auto

23
src/svg/Avia.tsx Normal file
View File

@@ -0,0 +1,23 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number
}
const Avia = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
fill={color}
d="M18.29 8.427a1.25 1.25 0 0 1-.883 1.53L4.351 13.456a.833.833 0 0 1-.944-.4L1.222 9.117l1.207-.324 2.056 2.038 4.246-1.138-3.758-5.895 1.61-.431 5.792 5.35 4.385-1.175a1.25 1.25 0 0 1 1.53.884ZM3.334 15.833h13.334V17.5H3.333v-1.667Z"
/>
</Svg>
)
export default Avia

19
src/svg/BagIcon.tsx Normal file
View File

@@ -0,0 +1,19 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const BagIcon = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
fillOpacity={0.8}
d="M5 19a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm13 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM1.672.757 5.5 4.585V16l14 .001v2h-15a1 1 0 0 1-1-1V5.413L.258 2.172 1.672.757ZM15.501 2a1 1 0 0 1 1 1L16.5 5h2.994c.556 0 1.006.456 1.006.995v8.01a1 1 0 0 1-1.006.995H7.507a1.008 1.008 0 0 1-1.007-.995v-8.01A1 1 0 0 1 7.507 5H10.5V3a1 1 0 0 1 1-1h4ZM9.5 7h-1v6h1V7Zm6 0h-4v6h4V7Zm3 0h-1v6h1V7Zm-4-3h-2v1h2V4Z"
/>
</Svg>
);
export default BagIcon;

22
src/svg/BarCode.tsx Normal file
View File

@@ -0,0 +1,22 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const BarCode = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="M17 20.5H7c-3 0-5-1.5-5-5v-7c0-3.5 2-5 5-5h10c3 0 5 1.5 5 5v7c0 3.5-2 5-5 5ZM6 8v8M9 8v4M9 15v1M15 8v1M12 8v8M15 12v4M18 8v8"
/>
</Svg>
);
export default BarCode;

28
src/svg/Battery.tsx Normal file
View File

@@ -0,0 +1,28 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Battery = ({ fill = '#FF6363', height = 28, width = 28 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={fill}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M20.5 9.5C22 9.5 22 10 22 11v2c0 1 0 1.5-1.5 1.5M6.38 10c.33 1.31.33 2.69 0 4M9.88 10c.33 1.31.33 2.69 0 4"
/>
<Path
stroke={fill}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13 19H7c-4 0-5-1-5-5v-4c0-4 1-5 5-5h6c4 0 5 1 5 5v4c0 4-1 5-5 5Z"
/>
</Svg>
);
export default Battery;

21
src/svg/Bell.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Bell = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M15 17v1a3 3 0 1 1-6 0v-1m6 0H9m6 0h3.59c.383 0 .575 0 .73-.052a1 1 0 0 0 .627-.628c.053-.156.053-.348.053-.734 0-.169 0-.253-.014-.334a.998.998 0 0 0-.173-.42c-.048-.067-.108-.127-.227-.246l-.39-.39a.67.67 0 0 1-.196-.474V10a7 7 0 1 0-14 0v3.722a.67.67 0 0 1-.196.474l-.39.39c-.12.12-.179.179-.226.245a1 1 0 0 0-.175.421c-.013.08-.013.165-.013.334 0 .386 0 .578.052.734a1 1 0 0 0 .629.628c.155.052.346.052.729.052H9"
/>
</Svg>
);
export default Bell;

18
src/svg/Blade.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Blade = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 17 14">
<Path
fill={fill}
d="m12.076 7.762 1.473 1.473c-5.009 5.009-9.134 5.009-12.67 3.83L13.845.102l2.946 2.946-4.714 4.714Zm-2.357 0 4.714-4.714-.59-.59-9.58 9.582c2.275.09 4.464-.755 6.888-2.846L9.719 7.762Z"
/>
</Svg>
);
export default Blade;

18
src/svg/Book.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Book = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 16 18">
<Path
fill={fill}
d="M15.5 14H3a.833.833 0 0 0 0 1.667h12.5v1.666H3a2.5 2.5 0 0 1-2.5-2.5v-12.5c0-.92.746-1.666 1.667-1.666H15.5V14ZM2.167 12.375c.134-.027.274-.042.416-.042h11.25v-10H2.167v10.042ZM11.333 6.5H4.667V4.833h6.666V6.5Z"
/>
</Svg>
);
export default Book;

26
src/svg/Box.tsx Normal file
View File

@@ -0,0 +1,26 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number,
}
const BoxIcon = ({ color, height = 24, width = 24, }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M4 8v8.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h9.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.987.218-2.105V8M4 8h16M4 8l1.365-2.39c.335-.585.503-.878.738-1.092.209-.189.456-.332.723-.42C7.13 4 7.466 4 8.143 4h7.714c.676 0 1.015 0 1.318.099.267.087.513.23.721.42.236.213.404.506.74 1.093L20 8m-8 3v6m0 0 3-2m-3 2-3-2"
/>
</Svg>
)
export default BoxIcon

40
src/svg/BoxCreate.tsx Normal file
View File

@@ -0,0 +1,40 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color?: string,
width?: number,
height?: number
}
const BoxCreate = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="M23 18c0 .75-.21 1.46-.58 2.06-.21.36-.48.68-.79.94-.7.63-1.62 1-2.63 1-1.22 0-2.31-.55-3.03-1.41-.02-.03-.05-.05-.07-.08-.12-.14-.23-.29-.32-.45A3.92 3.92 0 0 1 15 18c0-1.26.58-2.39 1.5-3.12.69-.55 1.56-.88 2.5-.88 1 0 1.9.36 2.6.97.12.09.23.2.33.31C22.59 16 23 16.95 23 18ZM20.49 17.98h-2.98M19 16.52v2.99"
/>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M3.17 7.44 12 12.55l8.77-5.08M12 21.61v-9.07"
/>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M21.61 9.17v5.66c0 .05 0 .09-.01.14-.7-.61-1.6-.97-2.6-.97-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 18c0 .75.21 1.46.58 2.06.09.16.2.31.32.45l-1.83 1.01c-1.14.64-3 .64-4.14 0l-5.34-2.96c-1.21-.67-2.2-2.35-2.2-3.73V9.17c0-1.38.99-3.06 2.2-3.73l5.34-2.96c1.14-.64 3-.64 4.14 0l5.34 2.96c1.21.67 2.2 2.35 2.2 3.73Z"
/>
</Svg>
)
export default BoxCreate

41
src/svg/BoxSuccess.tsx Normal file
View File

@@ -0,0 +1,41 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color?: string,
width?: number,
height?: number
}
const BoxSuccess = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="M23 17.91c.02.75-.18 1.46-.54 2.07-.2.36-.47.69-.77.96-.69.64-1.6 1.03-2.61 1.06-1.46.03-2.75-.72-3.46-1.87-.38-.59-.61-1.3-.62-2.05-.03-1.26.53-2.4 1.43-3.15.68-.56 1.54-.91 2.48-.93A4 4 0 0 1 23 17.91Z"
/>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m17.44 18.03 1.01.96 2.09-2.02M3.17 7.44 12 12.55l8.77-5.08M12 21.61v-9.07"
/>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M21.61 9.17v5.66c0 .05 0 .09-.01.14-.7-.61-1.6-.97-2.6-.97-.94 0-1.81.33-2.5.88A3.97 3.97 0 0 0 15 18c0 .75.21 1.46.58 2.06.09.16.2.31.32.45l-1.83 1.01c-1.14.64-3 .64-4.14 0l-5.34-2.96c-1.21-.67-2.2-2.35-2.2-3.73V9.17c0-1.38.99-3.06 2.2-3.73l5.34-2.96c1.14-.64 3-.64 4.14 0l5.34 2.96c1.21.67 2.2 2.35 2.2 3.73Z"
/>
</Svg>
)
export default BoxSuccess

18
src/svg/Check.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color?: string;
width?: number;
height?: number;
}
const Check = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M18.71 7.21a.999.999 0 0 0-1.42 0l-7.45 7.46-3.13-3.14A1.02 1.02 0 1 0 5.29 13l3.84 3.84a1 1 0 0 0 1.42 0l8.16-8.16a1 1 0 0 0 0-1.47Z"
/>
</Svg>
);
export default Check;

31
src/svg/Click.tsx Normal file
View File

File diff suppressed because one or more lines are too long

27
src/svg/Clock.tsx Normal file
View File

@@ -0,0 +1,27 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number,
}
const Clock = ({ color, height = 24, width = 24, }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M12 13V9m9-3-2-2m-9-2h4m-2 19a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z"
/>
</Svg>
)
export default Clock

20
src/svg/Close.tsx Normal file
View File

@@ -0,0 +1,20 @@
import * as React from 'react';
import Svg, { Path, SvgProps } from 'react-native-svg';
const CloseIcon = ({
width = 24,
height = 24,
color = '#2BA6E5',
...props
}: SvgProps) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24" {...props}>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="m18 18-6-6m0 0L6 6m6 6 6-6m-6 6-6 6"
/>
</Svg>
);
export default CloseIcon;

33
src/svg/Copy.tsx Normal file
View File

@@ -0,0 +1,33 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number
}
const Copy = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M16 12.9v4.2c0 3.5-1.4 4.9-4.9 4.9H6.9C3.4 22 2 20.6 2 17.1v-4.2C2 9.4 3.4 8 6.9 8h4.2c3.5 0 4.9 1.4 4.9 4.9Z"
/>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M22 6.9v4.2c0 3.5-1.4 4.9-4.9 4.9H16v-3.1C16 9.4 14.6 8 11.1 8H8V6.9C8 3.4 9.4 2 12.9 2h4.2C20.6 2 22 3.4 22 6.9Z"
/>
</Svg>
)
export default Copy

20
src/svg/CreditCard.tsx Normal file
View File

@@ -0,0 +1,20 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
color: string;
}
const CreditCard = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="square"
strokeWidth={1.5}
d="M3 5.109h18.5v14.06H3zM15.102 15.481h3.475M10.876 15.481h.748M3 9.922h18.5"
/>
</Svg>
);
export default CreditCard;

34
src/svg/Dollar.tsx Normal file
View File

@@ -0,0 +1,34 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
width?: number,
height?: number,
color: string,
colorCircle: string
}
const Usd = ({ color, colorCircle, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M8.672 14.33c0 1.29.99 2.33 2.22 2.33h2.51c1.07 0 1.94-.91 1.94-2.03 0-1.22-.53-1.65-1.32-1.93l-4.03-1.4c-.79-.28-1.32-.71-1.32-1.93 0-1.12.87-2.03 1.94-2.03h2.51c1.23 0 2.22 1.04 2.22 2.33M12 6v12"
/>
<Path
stroke={colorCircle}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"
/>
</Svg>
)
export default Usd

16
src/svg/Dron.tsx Normal file
View File

@@ -0,0 +1,16 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Dron = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 19 18">
<Path
fill={fill}
d="M9.673 1.5H17.5c.46 0 .833.373.833.833v10c0 .46-.373.834-.833.834h-5.834V11.5h5V3.167h-5.212A5.806 5.806 0 0 1 12.5 6.5a5.827 5.827 0 0 1-2.5 4.788V16.5c0 .46-.373.833-.834.833h-5a.833.833 0 0 1-.833-.833v-5.212A5.833 5.833 0 0 1 9.673 1.5ZM5 10.32v5.347h3.333V10.32a4.168 4.168 0 1 0-3.333 0ZM6.666 9a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Zm0-1.667a.833.833 0 1 0 0-1.666.833.833 0 0 0 0 1.666Zm7.5-2.5h1.667V6.5h-1.667V4.833Zm-8.333 8.334H7.5v1.666H5.833v-1.666Z"
/>
</Svg>
);
export default Dron;

18
src/svg/Drug.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Drug = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 18 18">
<Path
fill={fill}
d="m17.065 5.65-1.179 1.178-1.768-1.768-1.768 1.768 2.947 2.946-1.179 1.179-.589-.59-5.303 5.304H3.512l-1.768 1.767-1.179-1.178 1.768-1.768V9.774l5.303-5.303-.589-.59 1.179-1.178 2.946 2.946 1.768-1.767-1.768-1.768L12.35.935l4.715 4.714ZM12.35 9.184 8.816 5.649 7.637 6.828l1.767 1.768-1.178 1.178-1.768-1.768-1.179 1.179 1.768 1.768L5.87 12.13 4.1 10.363 4 10.464V14h3.535l4.816-4.815Z"
/>
</Svg>
);
export default Drug;

23
src/svg/Filter.tsx Normal file
View File

@@ -0,0 +1,23 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
width?: number,
height?: number,
color: string,
}
const FilterIcon = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
fill={color}
d="M19 2H5a3 3 0 0 0-3 3v1.17a3 3 0 0 0 .25 1.2v.06c.141.321.341.613.59.86L9 14.41V21a1 1 0 0 0 1 1 1 1 0 0 0 .45-.11l4-2A1 1 0 0 0 15 19v-4.59l6.12-6.12a2.81 2.81 0 0 0 .59-.86v-.06a3 3 0 0 0 .29-1.2V5a3 3 0 0 0-3-3Zm-5.71 11.29A1 1 0 0 0 13 14v4.38l-2 1V14a1 1 0 0 0-.29-.71L5.41 8h13.18l-5.3 5.29ZM20 6H4V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v1Z"
/>
</Svg>
)
export default FilterIcon

18
src/svg/Food.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Food = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 20 15">
<Path
fill={fill}
d="M12.5.5h-5v1.667h1.666v.874a8.334 8.334 0 0 0-7.5 8.292v.834h16.667v-.834a8.334 8.334 0 0 0-7.5-8.292v-.874H12.5V.5ZM10 4.667c3.4 0 6.205 2.544 6.615 5.833H3.385A6.668 6.668 0 0 1 10 4.667Zm9.166 10V13H.833v1.667h18.333Z"
/>
</Svg>
);
export default Food;

50
src/svg/GalleryEdit.tsx Normal file
View File

@@ -0,0 +1,50 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill: string;
}
const GalleryEdit = ({ fill, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={fill}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M9 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
/>
<Path
stroke={fill}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M13 2H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7v-5"
/>
<Path
stroke={fill}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="m19.14 2.59-3.63 3.63c-.14.14-.28.41-.3.61l-.2 1.39c-.07.5.28.85.78.78l1.39-.2c.19-.03.47-.16.61-.3l3.63-3.63c.63-.63.92-1.35 0-2.27-.93-.94-1.65-.64-2.28-.01Z"
/>
<Path
stroke={fill}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="M18.62 3.11c.31 1.1 1.17 1.96 2.27 2.27"
/>
<Path
stroke={fill}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="m2.67 18.95 4.93-3.31c.79-.53 1.93-.47 2.64.14l.33.29c.78.67 2.04.67 2.82 0l4.16-3.57c.78-.67 2.04-.67 2.82 0L22 13.9"
/>
</Svg>
);
export default GalleryEdit;

18
src/svg/Glass.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Glass = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 17 19">
<Path
fill={fill}
d="m11.333 5.497 3.643 1.457a.833.833 0 0 1 .524.774v7.77c0 .46-.373.833-.833.833H1.333a.833.833 0 0 1-.833-.834V7.728c0-.34.207-.647.524-.774l3.643-1.457h6.666Zm-.32 1.667H4.987L2.167 8.292v6.372h11.666v-.833H4.667V9.664h9.166V8.292l-2.82-1.128Zm.32-6.667c.46 0 .834.373.834.834v3.333H3.833V1.331c0-.46.373-.834.834-.834h6.666ZM10.5 2.164h-5v.833h5v-.833Z"
/>
</Svg>
);
export default Glass;

21
src/svg/HomeIcon.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const HomeIcon = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M2 20h2m0 0h6m-6 0v-8.548c0-.534 0-.801.065-1.05a2 2 0 0 1 .28-.617c.145-.213.346-.39.748-.741l4.801-4.202c.746-.652 1.119-.978 1.538-1.102.37-.11.765-.11 1.135 0 .42.124.794.45 1.54 1.104l4.8 4.2c.402.352.603.528.748.74.127.19.222.398.28.618.065.249.065.516.065 1.05V20m-10 0h4m-4 0v-4a2 2 0 1 1 4 0v4m0 0h6m0 0h2"
/>
</Svg>
);
export default HomeIcon;

34
src/svg/Info.tsx Normal file
View File

@@ -0,0 +1,34 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number
}
const InfoIcon = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M12 2.75a9.25 9.25 0 1 1 0 18.5 9.25 9.25 0 0 1 0-18.5Z"
clipRule="evenodd"
/>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M11.995 15.796h.01M11.995 8.204v4.42"
/>
</Svg>
)
export default InfoIcon

18
src/svg/Jewelry.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Jewelry = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 18 17">
<Path
fill={fill}
d="M6.5 1.417c0-.386.266-.721.641-.81a8.51 8.51 0 0 1 3.718 0 .841.841 0 0 1 .641.81v1.781c0 .243.14.463.36.566l4.745 2.223a1.25 1.25 0 0 1 .607 1.652l-3.728 8.154a1.21 1.21 0 0 1-1.1.707H5.617a1.21 1.21 0 0 1-1.101-.707L.789 7.64a1.25 1.25 0 0 1 .607-1.652L6.14 3.764a.625.625 0 0 0 .36-.566V1.417Zm1.667.733v1.048c0 .89-.514 1.698-1.32 2.075l-.817.383C6.618 7.241 7.81 8.166 9 8.166c1.192 0 2.382-.925 2.97-2.51l-.817-.383a2.292 2.292 0 0 1-1.32-2.075V2.15A11.57 11.57 0 0 0 9 2.122c-.336 0-.613.012-.833.028Zm.266 7.645c-1.794-.247-3.204-1.646-3.914-3.43l-2.042.956 3.434 7.513h6.18l3.433-7.513-2.042-.957c-.71 1.785-2.12 3.184-3.914 3.43l1.256 1.76a.625.625 0 0 1 0 .726L9.17 14.596a.208.208 0 0 1-.34 0L7.178 12.28a.625.625 0 0 1 0-.727l1.256-1.758Z"
/>
</Svg>
);
export default Jewelry;

43
src/svg/Ki.tsx Normal file
View File

File diff suppressed because one or more lines are too long

18
src/svg/Location.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Location = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M18 4.48a8.485 8.485 0 1 0-12 12l5.27 5.28a1.001 1.001 0 0 0 1.42 0L18 16.43a8.45 8.45 0 0 0 0-11.95ZM16.57 15 12 19.59 7.43 15a6.46 6.46 0 1 1 9.14 0ZM9 7.41a4.32 4.32 0 0 0 0 6.1 4.31 4.31 0 0 0 7.36-3 4.239 4.239 0 0 0-1.26-3.05A4.3 4.3 0 0 0 9 7.41Zm4.69 4.68a2.33 2.33 0 1 1 .67-1.63 2.33 2.33 0 0 1-.72 1.63h.05Z"
/>
</Svg>
);
export default Location;

19
src/svg/LocationArrow.tsx Normal file
View File

@@ -0,0 +1,19 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string;
width?: number;
height?: number;
}
const LocationArrow = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M21.15 2.86a2.89 2.89 0 0 0-3-.71L4 6.88a2.9 2.9 0 0 0-.12 5.47l5.24 2a.93.93 0 0 1 .53.52l2 5.25A2.87 2.87 0 0 0 14.36 22h.07a2.88 2.88 0 0 0 2.69-2l4.73-14.17a2.89 2.89 0 0 0-.7-2.97ZM20 5.2l-4.78 14.18a.88.88 0 0 1-.84.62.92.92 0 0 1-.87-.58l-2-5.25a2.91 2.91 0 0 0-1.67-1.68l-5.25-2A.9.9 0 0 1 4 9.62a.88.88 0 0 1 .62-.84L18.8 4.05A.91.91 0 0 1 20 5.2Z"
/>
</Svg>
)
export default LocationArrow

26
src/svg/LogOut.tsx Normal file
View File

@@ -0,0 +1,26 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Logout = ({ color, height = 19, width = 20 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 25 24">
<Path
fill={color}
fillRule="evenodd"
d="M7.491 11.25H21.77v1.5H7.491v-1.5Z"
clipRule="evenodd"
/>
<Path
fill={color}
fillRule="evenodd"
d="M18.477 7.665 22.83 12l-4.354 4.337-1.059-1.063L20.706 12l-3.288-3.272 1.059-1.063ZM14.005 2v6.125h-1.5V3.5H3.481v17h9.024v-4.625h1.5V22H1.981V2h12.024Z"
clipRule="evenodd"
/>
</Svg>
);
export default Logout;

21
src/svg/Minus.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string;
width?: number;
height?: number;
}
const Minus = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M6 12h12"
/>
</Svg>
)
export default Minus

21
src/svg/Passport.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Passport = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="2 2 20 20">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M6 18h6m-6 0c-.988 0-1.507-.013-1.908-.218a2.001 2.001 0 0 1-.874-.875C3 16.48 3 15.92 3 14.8V9.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C4.52 6 5.08 6 6.2 6h11.6c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105v5.606c0 1.118 0 1.677-.218 2.104a2.003 2.003 0 0 1-.875.875c-.427.218-.986.218-2.104.218H12m-6 0c0-1.105 1.343-2 3-2s3 .895 3 2m-6 0s0 0 0 0Zm12-4h-4m4-3h-3m-6 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"
/>
</Svg>
);
export default Passport;

31
src/svg/Payme.tsx Normal file
View File

File diff suppressed because one or more lines are too long

18
src/svg/Pencil.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const Pencil = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 20 18">
<Path
fill="#FF6363"
d="m3.928 5.94-.206.471a.422.422 0 0 1-.778 0l-.205-.47a3.636 3.636 0 0 0-1.85-1.877l-.632-.281a.442.442 0 0 1 0-.803l.597-.266A3.638 3.638 0 0 0 2.73.776l.211-.51a.422.422 0 0 1 .785 0l.21.51a3.638 3.638 0 0 0 1.876 1.938l.598.266a.442.442 0 0 1 0 .803l-.633.281a3.636 3.636 0 0 0-1.85 1.876Zm8.834 2.004.118.118a4.587 4.587 0 0 1-3.296 7.77c-1.696 0-3.927-.521-5.81-1.262 1.005-1.179 1.371-2.34 1.5-3.9.03-.375.05-.525.086-.658.661-2.468 2.987-3.841 5.41-3.192a4.563 4.563 0 0 1 1.992 1.124Zm2.428-5.968-4.116 3.201C7.785 4.366 4.632 6.29 3.75 9.581c-.085.316-.111.637-.139.974-.096 1.162-.206 2.504-2.778 4.442 2.084 1.25 5.834 2.502 8.752 2.502a6.254 6.254 0 0 0 6.069-7.743l3.2-4.115a.833.833 0 0 0-.068-1.101L16.29 2.045a.833.833 0 0 0-1.101-.069Zm-1.11 4.928a6.203 6.203 0 0 0-.162-.161l-.937-.937 2.651-2.063 1.455 1.455-2.062 2.652-.946-.946Z"
/>
</Svg>
);
export default Pencil;

17
src/svg/Phone.tsx Normal file
View File

@@ -0,0 +1,17 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string;
width?: number;
height?: number;
}
const Phone = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M19.44 13c-.22 0-.45-.07-.67-.12a9.443 9.443 0 0 1-1.31-.39 2 2 0 0 0-2.48 1l-.22.45a12.184 12.184 0 0 1-2.66-2 12.18 12.18 0 0 1-2-2.66l.42-.28a2 2 0 0 0 1-2.48 10.32 10.32 0 0 1-.39-1.31c-.05-.22-.09-.45-.12-.68a3 3 0 0 0-3-2.49h-3a3 3 0 0 0-3 3.41 19 19 0 0 0 16.52 16.46h.38a3 3 0 0 0 2-.76 3 3 0 0 0 1-2.25v-3a3 3 0 0 0-2.47-2.9Zm.5 6a1 1 0 0 1-.724.962c-.141.043-.29.056-.436.038A17 17 0 0 1 4.07 5.22a1.09 1.09 0 0 1 .25-.82 1 1 0 0 1 .75-.34h3a1 1 0 0 1 1 .79c.04.273.09.543.15.81.115.527.269 1.045.46 1.55l-1.4.65a1 1 0 0 0-.49 1.33 14.49 14.49 0 0 0 7 7 1 1 0 0 0 .76 0 1.002 1.002 0 0 0 .57-.52l.62-1.4c.517.185 1.044.338 1.58.46.266.06.536.11.81.15a1 1 0 0 1 .79 1l.02 3.12Z"
/>
</Svg>
)
export default Phone

18
src/svg/Plane.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Plane = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M5.95 19.4H7.9l4.381-8h5.039s2.928 0 2.928-1.4-2.928-1.4-2.928-1.4h-5.039l-4.38-8H5.948l2.429 8H4.876l-2.197-2H.727L2.29 10 .727 13.4h1.952l2.197-2h3.502l-2.429 8Z"
/>
</Svg>
);
export default Plane;

18
src/svg/Plus.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Plus = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M19 11h-6V5a1 1 0 0 0-2 0v6H5a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2Z"
/>
</Svg>
);
export default Plus;

21
src/svg/Printer.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Printer = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M18 17c.932 0 1.398 0 1.765-.152a2 2 0 0 0 1.083-1.083C21 15.398 21 14.932 21 14v-3.803c0-1.118 0-1.678-.218-2.105a2.001 2.001 0 0 0-.875-.874C19.506 7.013 18.988 7.001 18 7m0 0H6m12 0H6m12 0v-.803c0-1.118 0-1.678-.218-2.105a2.001 2.001 0 0 0-.875-.874C16.48 3 15.92 3 14.8 3H9.2c-1.12 0-1.68 0-2.108.218a1.999 1.999 0 0 0-.874.874C6 4.52 6 5.08 6 6.2V7m0 0c-.988 0-1.507.013-1.908.218a1.999 1.999 0 0 0-.874.874C3 8.52 3 9.08 3 10.2V14c0 .932 0 1.398.152 1.765a2 2 0 0 0 1.082 1.083C4.602 17 5.068 17 6 17m4-6h4m-5 4h6c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.082C18 16.602 18 17.068 18 18s0 1.398-.152 1.765a2 2 0 0 1-1.083 1.083C16.398 21 15.932 21 15 21H9c-.932 0-1.398 0-1.766-.152a1.999 1.999 0 0 1-1.082-1.082C6 19.398 6 18.932 6 18s0-1.398.152-1.766a2 2 0 0 1 1.082-1.082C7.602 15 8.068 15 9 15Z"
/>
</Svg>
);
export default Printer;

23
src/svg/Serach.tsx Normal file
View File

@@ -0,0 +1,23 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number
}
const Serach = ({ color, height = 24, width = 24 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 24 24"
>
<Path
fill={color}
d="M21.71 20.29 18 16.61A9 9 0 1 0 16.61 18l3.68 3.68a1.002 1.002 0 0 0 1.42 0 1 1 0 0 0 0-1.39ZM11 18a7 7 0 1 1 0-14 7 7 0 0 1 0 14Z"
/>
</Svg>
)
export default Serach

18
src/svg/Setting.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Setting = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M19.9 12.66a1 1 0 0 1 0-1.32l1.28-1.44a1 1 0 0 0 .12-1.17l-2-3.46a1 1 0 0 0-1.07-.48l-1.88.38a1 1 0 0 1-1.15-.66l-.61-1.83a1 1 0 0 0-.95-.68h-4a1 1 0 0 0-1 .68l-.56 1.83a1 1 0 0 1-1.15.66L5 4.79a1 1 0 0 0-1 .48L2 8.73a1 1 0 0 0 .1 1.17l1.27 1.44a1 1 0 0 1 0 1.32L2.1 14.1a1 1 0 0 0-.1 1.17l2 3.46a1 1 0 0 0 1.07.48l1.88-.38a1 1 0 0 1 1.15.66l.61 1.83a1 1 0 0 0 1 .68h4a1 1 0 0 0 .95-.68l.61-1.83a1 1 0 0 1 1.15-.66l1.88.38a1 1 0 0 0 1.07-.48l2-3.46a1 1 0 0 0-.12-1.17l-1.35-1.44ZM18.41 14l.8.9-1.28 2.22-1.18-.24a3 3 0 0 0-3.45 2L12.92 20h-2.56L10 18.86a3 3 0 0 0-3.45-2l-1.18.24-1.3-2.21.8-.9a3 3 0 0 0 0-4l-.8-.9 1.28-2.2 1.18.24a3 3 0 0 0 3.45-2L10.36 4h2.56l.38 1.14a3 3 0 0 0 3.45 2l1.18-.24 1.28 2.22-.8.9a3 3 0 0 0 0 3.98Zm-6.77-6a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm0 6a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"
/>
</Svg>
);
export default Setting;

30
src/svg/StatusIcon.tsx Normal file
View File

@@ -0,0 +1,30 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const StatusIcon = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="M2 2v17c0 1.66 1.34 3 3 3h17"
/>
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeMiterlimit={10}
strokeWidth={1.5}
d="m5 17 4.59-5.36c.76-.88 2.11-.94 2.93-.11l.95.95c.82.82 2.17.77 2.93-.11L21 7"
/>
</Svg>
);
export default StatusIcon;

18
src/svg/Store.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Store = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M22 7.82a1.255 1.255 0 0 0 0-.19l-2-5A1 1 0 0 0 19 2H5a1 1 0 0 0-.93.63l-2 5a1.25 1.25 0 0 0 0 .19A.58.58 0 0 0 2 8a4 4 0 0 0 2 3.4V21a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-9.56A4 4 0 0 0 22 8c.01-.06.01-.12 0-.18ZM13 20h-2v-4h2v4Zm5 0h-3v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5H6v-8a4 4 0 0 0 3-1.38 4 4 0 0 0 6 0A4 4 0 0 0 18 12v8Zm0-10a2 2 0 0 1-2-2 1 1 0 0 0-2 0 2 2 0 1 1-4 0 1 1 0 0 0-2 0 2.001 2.001 0 1 1-4 .15L5.68 4h12.64L20 8.15A2 2 0 0 1 18 10Z"
/>
</Svg>
);
export default Store;

19
src/svg/SuccessIcon.tsx Normal file
View File

@@ -0,0 +1,19 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const SuccessIcon = ({ color, height = 18, width = 21 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 21 20">
<Path
fill={color}
fillOpacity={0.8}
d="M5.5 5V1a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-4v3.992c0 .557-.449 1.008-1.008 1.008H1.508A1.006 1.006 0 0 1 .5 18.992L.503 6.008C.503 5.451.952 5 1.51 5H5.5Zm2 0h6.993c.556 0 1.007.449 1.007 1.007V13h3V2h-11v3Zm6 2H2.503L2.5 18h11V7Zm-6.498 9-3.535-3.536L4.88 11.05l2.121 2.122 4.243-4.243 1.414 1.414L7.002 16Z"
/>
</Svg>
);
export default SuccessIcon;

18
src/svg/Supprt.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Support = ({ color, height = 19, width = 20 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 19 20">
<Path
fill={color}
d="M17 6.667c.92 0 1.667.746 1.667 1.666v3.334c0 .92-.747 1.666-1.667 1.666h-.885A6.668 6.668 0 0 1 9.5 19.167V17.5a5 5 0 0 0 5-5v-5a5 5 0 0 0-10 0v5.833H2c-.92 0-1.667-.746-1.667-1.666V8.333c0-.92.746-1.666 1.667-1.666h.885a6.668 6.668 0 0 1 13.23 0H17ZM5.966 13.154l.884-1.413c.768.48 1.676.759 2.65.759.973 0 1.882-.278 2.65-.76l.884 1.414A6.635 6.635 0 0 1 9.5 14.167c-1.298 0-2.51-.371-3.534-1.013Z"
/>
</Svg>
);
export default Support;

18
src/svg/Trash.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Trash = ({ color, height = 19, width = 20 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
fill={color}
d="M10 18a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1ZM20 6h-4V5a3 3 0 0 0-3-3h-2a3 3 0 0 0-3 3v1H4a1 1 0 0 0 0 2h1v11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V8h1a1 1 0 1 0 0-2ZM10 5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1h-4V5Zm7 14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8h10v11Zm-3-1a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1Z"
/>
</Svg>
);
export default Trash;

24
src/svg/TrunkIcon.tsx Normal file
View File

@@ -0,0 +1,24 @@
import * as React from "react"
import Svg, { SvgProps, Path } from "react-native-svg"
interface Props {
color: string,
width?: number,
height?: number
}
const TrunkIcon = ({ color, height = 18, width = 21 }: Props) => (
<Svg
width={width}
height={height}
fill="none"
viewBox="0 0 21 18"
>
<Path
fill={color}
fillOpacity={0.8}
d="M13.5 0a1 1 0 0 1 1 1v2h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5V1a1 1 0 0 1 1-1h6Zm1 5h-8v11h8V5Zm-12 0v11h2V5h-2Zm10-3h-4v1h4V2Zm4 3v11h2V5h-2Z"
/>
</Svg>
)
export default TrunkIcon

21
src/svg/User.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const User = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M20 21c0-2.761-3.582-5-8-5s-8 2.239-8 5m8-8a5 5 0 1 1 0-10 5 5 0 0 1 0 10Z"
/>
</Svg>
);
export default User;

19
src/svg/UserCard.tsx Normal file
View File

@@ -0,0 +1,19 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const UserCard = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={35} height={35} fill="none" viewBox="0 0 22 22">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M6 18h6m-6 0c-.988 0-1.507-.013-1.908-.218a2.001 2.001 0 0 1-.874-.875C3 16.48 3 15.92 3 14.8V9.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C4.52 6 5.08 6 6.2 6h11.6c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105v5.606c0 1.118 0 1.677-.218 2.104a2.003 2.003 0 0 1-.875.875c-.427.218-.986.218-2.104.218H12m-6 0c0-1.105 1.343-2 3-2s3 .895 3 2m-6 0s0 0 0 0Zm12-4h-4m4-3h-3m-6 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"
/>
</Svg>
);
export default UserCard;

21
src/svg/Wallet.tsx Normal file
View File

@@ -0,0 +1,21 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
color: string;
width?: number;
height?: number;
}
const Wallet = ({ color, height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
<Path
stroke={color}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.5}
d="M3 11v4.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h11.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.986.218-2.104V11M3 11V9m0 2h18M3 9v-.8c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C4.52 5 5.08 5 6.2 5h11.6c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105V9M3 9h18M7 15h4m10-4V9"
/>
</Svg>
);
export default Wallet;

18
src/svg/WaterGlass.tsx Normal file
View File

@@ -0,0 +1,18 @@
import * as React from 'react';
import Svg, { Path } from 'react-native-svg';
interface Props {
width?: number;
height?: number;
fill?: string;
}
const WaterGlass = ({ fill = '#FF6363', height = 24, width = 24 }: Props) => (
<Svg width={width} height={height} fill="none" viewBox="0 0 17 19">
<Path
fill={fill}
d="M6.5 2.5a1.667 1.667 0 0 1 1.644 1.945l1.644.276a3.343 3.343 0 0 0-.005-1.135 1.667 1.667 0 0 1 2.328 2.247H3.167a.833.833 0 1 1 .449-1.535.833.833 0 0 0 1.261-.512A1.668 1.668 0 0 1 6.5 2.5Zm1.264-1.419a3.331 3.331 0 0 0-4.171 1.455A2.5 2.5 0 0 0 1.5 6.863v9.804c0 .92.746 1.666 1.666 1.666H11.5c.92 0 1.667-.746 1.667-1.666h1.667c.92 0 1.666-.747 1.666-1.667V9.167c0-.92-.746-1.667-1.666-1.667h-1.667v-.295a3.333 3.333 0 0 0-4.08-5.14c-.35-.43-.803-.77-1.323-.984Zm5.403 8.086h1.667V15h-1.667V9.167ZM11.5 7.5v9.167H3.167V7.5H11.5ZM4.834 9.167V15H6.5V9.167H4.834Zm5 0V15H8.167V9.167h1.667Z"
/>
</Svg>
);
export default WaterGlass;