status-im
/
dappconnect-sdks
mirror of https://github.com/status-im/dappconnect-sdks.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix icons generations

This commit is contained in:
Pavel Prichodko 2023-03-13 21:47:52 +01:00
parent 4491ecaaf7
commit 1fb8f99740
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
285 changed files with 3020 additions and 1916 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/icons/12/add-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAddIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAddIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/12/add-reaction-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAddReactionIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAddReactionIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#add-reaction-icon_svg__a)">
<Path d="M7.294 1.17A5 5 0 1 0 11 6" stroke={color} strokeWidth={1.1} />

16
packages/icons/12/alert-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAlertIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAlertIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={6} cy={6} r={4.45} stroke={color} strokeWidth={1.1} />
<Path d="M6 6.5v-3M6 8.5v-1" stroke={color} strokeWidth={1.1} />

16
packages/icons/12/arrow-down-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgArrowDownIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgArrowDownIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/12/arrow-right-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgArrowRightIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgArrowRightIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/12/arrow-up-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgArrowUpIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgArrowUpIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

18
packages/icons/12/block-icon.tsx
View File

@ -1,25 +1,29 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgBlockIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgBlockIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#block-icon_svg__a)">
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M2.05 6a3.95 3.95 0 0 1 6.327-3.155L2.845 8.377A3.933 3.933 0 0 1 2.05 6Zm1.573 3.155a3.95 3.95 0 0 0 5.532-5.532L3.623 9.155ZM6 .95a5.05 5.05 0 1 0 0 10.1A5.05 5.05 0 0 0 6 .95Z"
fill={color}
fill="#E65F5C"
/>
</G>
<Defs>

16
packages/icons/12/camera-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCameraIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCameraIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#camera-icon_svg__a)" stroke={color} strokeWidth={1.1}>
<Path d="M1 4.2c0-.94.76-1.7 1.7-1.7h.211c.514 0 .984-.29 1.214-.75.23-.46.7-.75 1.214-.75H6.66c.514 0 .984.29 1.214.75.23.46.7.75 1.214.75H9.3c.94 0 1.7.76 1.7 1.7v2.55c0 1.164 0 1.745-.16 2.214a3 3 0 0 1-1.876 1.877C8.495 11 7.914 11 6.75 11h-1.5c-1.164 0-1.745 0-2.214-.16a3 3 0 0 1-1.877-1.876C1 8.495 1 7.914 1 6.75V4.2Z" />

16
packages/icons/12/cards-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCardsIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCardsIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#cards-icon_svg__a)" stroke={color} strokeWidth={1.1}>
<Path d="M1 4.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C2.52 1 3.08 1 4.2 1h3.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C11 2.52 11 3.08 11 4.2v3.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C9.48 11 8.92 11 7.8 11H4.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1 9.48 1 8.92 1 7.8V4.2Z" />

16
packages/icons/12/check-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCheckIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCheckIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={6} cy={6} r={4.45} stroke={color} strokeWidth={1.1} />
<Path d="m4 6.3 1.333 1.2L8 4.5" stroke={color} strokeWidth={1.1} />

16
packages/icons/12/check-large-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCheckLargeIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCheckLargeIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m1.5 6 3 3 6-7" stroke={color} strokeWidth={1.3} />
</Svg>

16
packages/icons/12/chevron-bottom-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronBottomIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronBottomIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m3 4.5 3 3 3-3" stroke={color} strokeWidth={1.1} />
</Svg>

16
packages/icons/12/chevron-left-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronLeftIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronLeftIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m7.5 3-3 3 3 3" stroke={color} strokeWidth={1.1} />
</Svg>

16
packages/icons/12/chevron-right-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronRightIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronRightIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m4.5 9 3-3-3-3" stroke={color} strokeWidth={1.1} />
</Svg>

16
packages/icons/12/chevron-top-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronTopIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronTopIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m9 7.5-3-3-3 3" stroke={color} strokeWidth={1.1} />
</Svg>

16
packages/icons/12/close-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCloseIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCloseIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M2.5 9.5 6 6 2.5 2.5M9.5 9.5 6 6l3.5-3.5"

16
packages/icons/12/color-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgColorIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgColorIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M9 6.4C9 8.9 7.212 10 6 10S3 9 3 6.5 6 2 6 2s3 1.9 3 4.4Z"

16
packages/icons/12/communities-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCommunitiesIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCommunitiesIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#communities-icon_svg__a)">
<Path

20
packages/icons/12/contact-icon.tsx
View File

@ -1,26 +1,30 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgContactIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgContactIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={6} cy={6} r={5} fill={color} />
<Circle cx={6} cy={6} r={5} fill="#4360DF" />
<Path
d="M9 9.5A3.369 3.369 0 0 0 6.197 8h-.394A3.369 3.369 0 0 0 3 9.5"
stroke="#fff"
strokeLinejoin="round"
/>
<Circle cx={6} cy={6} r={4.25} stroke={color} strokeWidth={1.5} />
<Circle cx={6} cy={6} r={4.25} stroke="#4360DF" strokeWidth={1.5} />
<Circle cx={6} cy={4.5} r={1.5} stroke="#fff" strokeLinejoin="round" />
</Svg>
)

16
packages/icons/12/copy-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCopyIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCopyIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#copy-icon_svg__a)" strokeWidth={1.1}>
<Path

16
packages/icons/12/delivered-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgDeliveredIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgDeliveredIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/12/dropdown-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgDropdownIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgDropdownIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#dropdown-icon_svg__a)">
<Circle cx={6} cy={6} r={6} fill="#E7EAEE" />

16
packages/icons/12/edit-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgEditIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgEditIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M5.94 3.182c.396-.396.594-.594.822-.669a1 1 0 0 1 .618 0c.228.075.426.273.822.669l.566.565c.396.396.594.594.668.823a1 1 0 0 1 0 .618c-.074.228-.272.426-.668.822l-2.85 2.85c-.2.2-.3.3-.417.367a1 1 0 0 1-.337.118c-.133.021-.274.005-.554-.026l-1.782-.198-.198-1.78c-.03-.282-.046-.422-.025-.555a1 1 0 0 1 .118-.337c.067-.117.167-.217.366-.417l2.85-2.85ZM4.839 3.575l3.535 3.536"

16
packages/icons/12/gas-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgGasIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgGasIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#gas-icon_svg__a)" strokeWidth={1.1}>
<Path

18
packages/icons/12/hold-icon.tsx
View File

@ -1,22 +1,26 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgHoldIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgHoldIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#hold-icon_svg__a)">
<Circle cx={6} cy={6} r={6} fill="#647084" />
<Path d="M3.333 6.4 5.111 8l3.556-4" stroke={color} strokeWidth={1.1} />
<Path d="M3.333 6.4 5.111 8l3.556-4" stroke="#fff" strokeWidth={1.1} />
</G>
<Defs>
<ClipPath id="hold-icon_svg__a">

16
packages/icons/12/info-1-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgInfo1Icon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgInfo1Icon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

18
packages/icons/12/info-icon.tsx
View File

@ -1,20 +1,24 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgInfoIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgInfoIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={6} cy={6} r={5} fill={color} />
<Circle cx={6} cy={6} r={5} fill="#4360DF" />
<Path d="M6 5v4M6 3v1" stroke="#fff" strokeWidth={1.1} />
</Svg>
)

16
packages/icons/12/jump-to-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgJumpToIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgJumpToIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="M4.575 2.525h4.95v4.95" stroke={color} strokeWidth={1.1} />
<Path

16
packages/icons/12/lightning-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgLightningIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgLightningIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={14}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M7 1.5V6h2.5L5 12.5v-5H2.5l4.5-6Z"

16
packages/icons/12/list-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgListIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgListIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#list-icon_svg__a)" stroke={color} strokeWidth={1.1}>
<Path d="M1 2.5c0-.465 0-.697.051-.888a1.5 1.5 0 0 1 1.06-1.06C2.304.5 2.536.5 3 .5h6c.465 0 .697 0 .888.051a1.5 1.5 0 0 1 1.06 1.06c.052.192.052.424.052.889s0 .697-.051.888a1.5 1.5 0 0 1-1.06 1.06C9.696 4.5 9.464 4.5 9 4.5H3c-.465 0-.697 0-.888-.051a1.5 1.5 0 0 1-1.06-1.06C1 3.196 1 2.964 1 2.5ZM1 9.5c0-.465 0-.697.051-.888a1.5 1.5 0 0 1 1.06-1.06C2.304 7.5 2.536 7.5 3 7.5h6c.465 0 .697 0 .888.051a1.5 1.5 0 0 1 1.06 1.06c.052.192.052.424.052.889s0 .697-.051.888a1.5 1.5 0 0 1-1.06 1.06c-.192.052-.424.052-.889.052H3c-.465 0-.697 0-.888-.051a1.5 1.5 0 0 1-1.06-1.06C1 10.197 1 9.964 1 9.5Z" />

16
packages/icons/12/loading-icon.tsx
View File

@ -1,3 +1,4 @@
import { useTheme } from '@tamagui/core'
import {
ClipPath,
Defs,
@ -7,20 +8,23 @@ import {
Stop,
Svg,
} from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgLoadingIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgLoadingIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#loading-icon_svg__a)">
<Path

16
packages/icons/12/locked-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgLockedIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgLockedIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M2.5 7.75c0-.465 0-.697.038-.89A2 2 0 0 1 4.11 5.288c.193-.038.425-.038.89-.038h2c.465 0 .697 0 .89.038A2 2 0 0 1 9.462 6.86c.038.193.038.425.038.89s0 .697-.038.89a2 2 0 0 1-1.572 1.572c-.193.038-.425.038-.89.038H5c-.465 0-.697 0-.89-.038A2 2 0 0 1 2.538 8.64C2.5 8.447 2.5 8.215 2.5 7.75ZM4 3.75a2 2 0 1 1 4 0v1.5H4v-1.5Z"

16
packages/icons/12/mention-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgMentionIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgMentionIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#mention-icon_svg__a)" stroke={color} strokeWidth={1.1}>
<Path d="M11 6a5 5 0 1 0-2.5 4.33" />

16
packages/icons/12/more-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgMoreIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgMoreIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={2.5} cy={6} r={1} fill={color} />
<Circle cx={6} cy={6} r={1} fill={color} />

18
packages/icons/12/negative-icon.tsx
View File

@ -1,20 +1,24 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgNegativeIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgNegativeIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#negative-icon_svg__a)" stroke={color}>
<G clipPath="url(#negative-icon_svg__a)" stroke="#E65F5C">
<Circle cx={6} cy={6} r={5.5} strokeOpacity={0.4} />
<Path d="M6 8.5V3M3 5.5l3 3 3-3" strokeWidth={1.2} />
</G>

18
packages/icons/12/notification-icon.tsx
View File

@ -1,20 +1,24 @@
import { useTheme } from '@tamagui/core'
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgNotificationIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgNotificationIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={6} cy={6} r={4} fill={color} />
<Circle cx={6} cy={6} r={4} fill="#4360DF" />
</Svg>
)
}

16
packages/icons/12/pause-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPauseIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPauseIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Rect x={2} y={2} width={8} height={8} rx={2} fill={color} />
</Svg>

18
packages/icons/12/pending-icon.tsx
View File

@ -1,21 +1,25 @@
import { useTheme } from '@tamagui/core'
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPendingIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPendingIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={3} cy={6} r={1} fill="#000" fillOpacity={0.4} />
<Circle cx={6} cy={6} r={1} fill={color} fillOpacity={0.3} />
<Circle cx={6} cy={6} r={1} fill="#1B273D" fillOpacity={0.3} />
<Circle cx={9} cy={6} r={1} fill="#000" fillOpacity={0.2} />
</Svg>
)

16
packages/icons/12/pick-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPickIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPickIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#pick-icon_svg__a)">
<Path

16
packages/icons/12/placeholder-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPlaceholderIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPlaceholderIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/12/play-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPlayIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPlayIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M3.5 4.73c0-1.205 0-1.807.25-2.131a1.2 1.2 0 0 1 .906-.466c.408-.016.899.335 1.88 1.036l1.777 1.269c.737.527 1.106.79 1.237 1.117a1.2 1.2 0 0 1 0 .89c-.13.327-.5.59-1.237 1.117l-1.777 1.27c-.981.7-1.472 1.05-1.88 1.035a1.2 1.2 0 0 1-.906-.466c-.25-.324-.25-.926-.25-2.132V4.731Z"

18
packages/icons/12/positive-icon.tsx
View File

@ -1,20 +1,24 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPositiveIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPositiveIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#positive-icon_svg__a)" stroke={color}>
<G clipPath="url(#positive-icon_svg__a)" stroke="#26A69A">
<Circle cx={6} cy={6} r={5.5} strokeOpacity={0.4} />
<Path d="M6 3.5V9M9 6.5l-3-3-3 3" strokeWidth={1.2} />
</G>

16
packages/icons/12/progress-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgProgressIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgProgressIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#progress-icon_svg__a)" strokeWidth={1.1}>
<Path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1Z" stroke="#E7EAEE" />

16
packages/icons/12/pullup-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPullupIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPullupIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#pullup-icon_svg__a)">
<Circle

18
packages/icons/12/remove-icon.tsx
View File

@ -1,21 +1,25 @@
import { useTheme } from '@tamagui/core'
import { Circle, ClipPath, Defs, G, Path, Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgRemoveIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgRemoveIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#remove-icon_svg__a)">
<Circle cx={6} cy={6} r={6} fill={color} />
<Circle cx={6} cy={6} r={6} fill="#647084" />
<Path
d="M3.879 3.879 8.12 8.12M8.121 3.879 3.88 8.12"
stroke="#fff"

16
packages/icons/12/search-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgSearchIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgSearchIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

18
packages/icons/12/send-message-icon.tsx
View File

@ -1,22 +1,26 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgSendMessageIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgSendMessageIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G
clipPath="url(#send-message-icon_svg__a)"
stroke={color}
stroke="#000"
strokeWidth={1.1}
>
<Path d="m2.495 5.511 5.466-3.609a1 1 0 0 1 1.55.894l-.393 6.539c-.055.918-1.216 1.28-1.784.558L5.63 7.728l-2.727-.393c-.91-.13-1.175-1.317-.408-1.824ZM9.13 1.666l-3.5 6.062" />

16
packages/icons/12/sent-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgSentIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgSentIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="M2.5 6.25 5 8.75l4.5-5.5" stroke={color} strokeWidth={1.3} />
</Svg>

16
packages/icons/12/timeout-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgTimeoutIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgTimeoutIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#timeout-icon_svg__a)">
<Path

16
packages/icons/12/total-members-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgTotalMembersIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgTotalMembersIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M3 9.25A2.25 2.25 0 0 1 5.25 7h1.5A2.25 2.25 0 0 1 9 9.25a.75.75 0 0 1-.75.75h-4.5A.75.75 0 0 1 3 9.25Z"

16
packages/icons/12/trash-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgTrashIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgTrashIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#trash-icon_svg__a)" stroke={color} strokeWidth={1.1}>
<Path d="M2.5 3.5v4.3c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C4.02 11 4.58 11 5.7 11h.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C9.5 9.48 9.5 8.92 9.5 7.8V3.5M8 3a2 2 0 1 0-4 0M5 5.5V8M7 5.5V8" />

16
packages/icons/12/unlocked-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgUnlockedIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgUnlockedIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M2.5 7.75c0-.465 0-.697.038-.89A2 2 0 0 1 4.11 5.288c.193-.038.425-.038.89-.038h2c.465 0 .697 0 .89.038A2 2 0 0 1 9.462 6.86c.038.193.038.425.038.89s0 .697-.038.89a2 2 0 0 1-1.572 1.572c-.193.038-.425.038-.89.038H5c-.465 0-.697 0-.89-.038A2 2 0 0 1 2.538 8.64C2.5 8.447 2.5 8.215 2.5 7.75ZM8 5.25v-1.5a2 2 0 1 0-4 0"

18
packages/icons/12/untrustworthy-icon.tsx
View File

@ -1,20 +1,24 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgUntrustworthyIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgUntrustworthyIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={6} cy={6} r={5} fill={color} />
<Circle cx={6} cy={6} r={5} fill="#E65F5C" />
<Path d="M6 7V3M6 9V8" stroke="#fff" strokeWidth={1.1} />
</Svg>
)

16
packages/icons/12/verified-1-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgVerified1Icon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgVerified1Icon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<G clipPath="url(#verified-1-icon_svg__a)">
<Path

18
packages/icons/12/verified-icon.tsx
View File

@ -1,20 +1,24 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgVerifiedIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgVerifiedIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={6} cy={6} r={5} fill={color} />
<Circle cx={6} cy={6} r={5} fill="#26A69A" />
<Path d="m4 6.3 1.333 1.2L8 4.5" stroke="#fff" strokeWidth={1.1} />
</Svg>
)

16
packages/icons/12/whistle-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgWhistleIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgWhistleIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M7.128 7.696A3 3 0 0 0 6.732 6l1.232-1.866-1-1.732-4.33 2.5a3 3 0 1 0 4.494 2.794Z"

16
packages/icons/16/add-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAddIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAddIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="M8 13V3M3 8h10" stroke={color} strokeWidth={1.2} />
</Svg>

16
packages/icons/16/add-user-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAddUserIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAddUserIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M8.5 10H6a3 3 0 0 0-3 3 1 1 0 0 0 1 1h4.5"

16
packages/icons/16/alert-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAlertIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAlertIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle
cx={8}

16
packages/icons/16/arrow-down-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgArrowDownIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgArrowDownIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m4 9 4 4 4-4M8 3v10" stroke={color} strokeWidth={1.2} />
</Svg>

16
packages/icons/16/arrow-right-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgArrowRightIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgArrowRightIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m9 12 4-4-4-4M3 8h10" stroke={color} strokeWidth={1.2} />
</Svg>

16
packages/icons/16/calendar-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCalendarIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCalendarIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M14 9.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C11.72 14 10.88 14 9.2 14H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 11.72 2 10.88 2 9.2V7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 3 5.12 3 6.8 3h2.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C14 5.28 14 6.12 14 7.8v1.4Z"

16
packages/icons/16/check-circle-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCheckCircleIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCheckCircleIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
<Path d="m5 8 2 2 4-4" stroke={color} strokeWidth={1.2} />

16
packages/icons/16/chevron-down-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronDownIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronDownIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m5 6.5 3 3 3-3" stroke={color} strokeWidth={1.2} />
</Svg>

16
packages/icons/16/chevron-left-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronLeftIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronLeftIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m9.5 5-3 3 3 3" stroke={color} strokeWidth={1.2} />
</Svg>

16
packages/icons/16/chevron-right-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronRightIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronRightIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m6.5 11 3-3-3-3" stroke={color} strokeWidth={1.2} />
</Svg>

16
packages/icons/16/chevron-top-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgChevronTopIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgChevronTopIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path d="m11 9.5-3-3-3 3" stroke={color} strokeWidth={1.2} />
</Svg>

16
packages/icons/16/close-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgCloseIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgCloseIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="m4.464 11.536 7.072-7.072M4.464 4.464l7.072 7.072"

20
packages/icons/16/connection-icon.tsx
View File

@ -1,28 +1,32 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgConnectionIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgConnectionIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M11 14H5l3-7 3 7Z"
stroke={color}
stroke="#000"
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Path
d="M8 7V5M4.61 2a3.6 3.6 0 0 0 0 6M5.8 3.531a2.1 2.1 0 0 0 0 2.939M11.39 8a3.601 3.601 0 0 0 0-6M10.2 6.469a2.1 2.1 0 0 0 0-2.939"
stroke={color}
stroke="#000"
strokeWidth={1.2}
strokeLinecap="square"
strokeLinejoin="round"

16
packages/icons/16/contact-book-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgContactBookIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgContactBookIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M6 10.625c0-1.036.84-1.875 1.875-1.875h1.25c1.036 0 1.875.84 1.875 1.875 0 .345-.28.625-.625.625h-3.75A.625.625 0 0 1 6 10.625Z"

16
packages/icons/16/delete-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgDeleteIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgDeleteIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M3.5 4h9l-.348 6.96c-.053 1.069-.08 1.604-.305 2.01a2 2 0 0 1-.868.825c-.417.205-.952.205-2.023.205H7.044c-1.07 0-1.606 0-2.023-.204a2 2 0 0 1-.868-.826c-.225-.406-.252-.94-.305-2.01L3.5 4Z"

16
packages/icons/16/email-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgEmailIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgEmailIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M9.2 13H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 10.72 2 9.88 2 8.2v-.4c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 3 5.12 3 6.8 3h2.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C14 5.28 14 6.12 14 7.8v.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C11.72 13 10.88 13 9.2 13Z"

20
packages/icons/16/forward-icon.tsx
View File

@ -1,25 +1,29 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgForwardIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgForwardIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M14 8H8.4c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748C2 11.04 2 12.16 2 14.4v.1"
stroke={color}
stroke="#000"
strokeWidth={1.2}
/>
<Path d="M10 11.5 14 8l-4-3.5" stroke={color} strokeWidth={1.2} />
<Path d="M10 11.5 14 8l-4-3.5" stroke="#000" strokeWidth={1.2} />
</Svg>
)
}

16
packages/icons/16/gif-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgGifIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgGifIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M9.2 14H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 11.72 2 10.88 2 9.2V6.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 2 5.12 2 6.8 2h2.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C14 4.28 14 5.12 14 6.8v2.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C11.72 14 10.88 14 9.2 14Z"

16
packages/icons/16/group-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgGroupIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgGroupIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

20
packages/icons/16/history-icon.tsx
View File

@ -1,26 +1,30 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgHistoryIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgHistoryIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M2.6 4.204V3H1.4v3.6h3.1V5.4H3.266a5.4 5.4 0 1 1-.534 3.792l-1.165.291A6.6 6.6 0 1 0 2.6 4.204Z"
fill={color}
fill="#000"
/>
<Path d="M7.5 5v3l2.5 2.5" stroke={color} strokeWidth={1.2} />
<Path d="M7.5 5v3l2.5 2.5" stroke="#000" strokeWidth={1.2} />
</Svg>
)
}

16
packages/icons/16/info-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgInfoIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgInfoIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
<Path d="M8 7v4M8 5v1.25" stroke={color} strokeWidth={1.2} />

16
packages/icons/16/lightning-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgLightningIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgLightningIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M9 2v5h3l-5 7V9H4l5-7Z"

16
packages/icons/16/locked-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgLockedIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgLockedIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/16/mention-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgMentionIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgMentionIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/16/more-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgMoreIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgMoreIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={3.25} cy={8} r={1.25} fill={color} />
<Circle cx={8} cy={8} r={1.25} fill={color} />

16
packages/icons/16/mute-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgMuteIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgMuteIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

20
packages/icons/16/negative-icon.tsx
View File

@ -1,21 +1,25 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgNegativeIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgNegativeIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={8} cy={8} r={6} stroke={color} strokeOpacity={0.4} />
<Path d="M8 10.5V5M5 7.5l3 3 3-3" stroke={color} strokeWidth={1.2} />
<Circle cx={8} cy={8} r={6} stroke="#E65F5C" strokeOpacity={0.4} />
<Path d="M8 10.5V5M5 7.5l3 3 3-3" stroke="#E65F5C" strokeWidth={1.2} />
</Svg>
)
}

18
packages/icons/16/notification-icon.tsx
View File

@ -1,20 +1,24 @@
import { useTheme } from '@tamagui/core'
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgNotificationIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgNotificationIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={8} cy={8} r={4} fill={color} />
<Circle cx={8} cy={8} r={4} fill="#4360DF" />
</Svg>
)
}

16
packages/icons/16/pin-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPinIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPinIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="m8.5 3.5 4 4-4 4-4-4 4-4ZM6.5 9.5 3 13M3.5 6.5l6 6M7.5 2.5l6 6"

16
packages/icons/16/placeholder-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPlaceholderIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPlaceholderIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

20
packages/icons/16/positive-icon.tsx
View File

@ -1,21 +1,25 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPositiveIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPositiveIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={8} cy={8} r={6} stroke={color} strokeOpacity={0.4} />
<Path d="M8 5.5V11M11 8.5l-3-3-3 3" stroke={color} strokeWidth={1.2} />
<Circle cx={8} cy={8} r={6} stroke="#26A69A" strokeOpacity={0.4} />
<Path d="M8 5.5V11M11 8.5l-3-3-3 3" stroke="#26A69A" strokeWidth={1.2} />
</Svg>
)
}

18
packages/icons/16/privacy-icon.tsx
View File

@ -1,24 +1,28 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgPrivacyIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgPrivacyIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M5.14 4.122a.4.4 0 0 1 .639-.192l1.837 1.53.42.352.388-.388 1.428-1.427a.4.4 0 0 1 .654.134L11.614 6.9H4.306l.834-2.778ZM3.054 6.9l.936-3.122a1.6 1.6 0 0 1 2.557-.77l1.416 1.18 1.04-1.04a1.6 1.6 0 0 1 2.617.537L12.906 6.9H14v1.2H2V6.9h1.054ZM5 10.6a1.15 1.15 0 1 0 0 2.3 1.15 1.15 0 0 0 0-2.3Zm-2.35 1.15a2.35 2.35 0 0 1 4.59-.716 3.31 3.31 0 0 1 1.52 0 2.351 2.351 0 1 1-.053 1.234 2.106 2.106 0 0 0-1.414 0 2.35 2.35 0 0 1-4.643-.518Zm7.2 0a1.15 1.15 0 1 1 2.3 0 1.15 1.15 0 0 1-2.3 0Z"
fill={color}
fill="#000"
/>
</Svg>
)

16
packages/icons/16/progress-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgProgressIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgProgressIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle
cx={8}

16
packages/icons/16/remove-user-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgRemoveUserIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgRemoveUserIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M8.5 10H6a3 3 0 0 0-3 3 1 1 0 0 0 1 1h4.5"

16
packages/icons/16/sad-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgSadIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgSadIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
<Path

16
packages/icons/16/stickers-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgStickersIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgStickersIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M8 2h.667c1.24 0 1.86 0 2.368.136a4 4 0 0 1 2.829 2.829C14 5.473 14 6.093 14 7.333c0 1.55 0 2.325-.17 2.961a5 5 0 0 1-3.536 3.536c-.636.17-1.41.17-2.96.17-1.24 0-1.86 0-2.37-.136a4 4 0 0 1-2.828-2.829C2 10.527 2 9.907 2 8.667V8c0-1.864 0-2.796.304-3.53A4 4 0 0 1 4.47 2.303C5.204 2 6.136 2 8 2Z"

16
packages/icons/16/unlocked-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgUnlockedIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgUnlockedIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/16/unmute-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgUnmuteIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgUnmuteIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

18
packages/icons/16/world-icon.tsx
View File

@ -1,24 +1,28 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgWorldIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgWorldIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M2.6 8a5.4 5.4 0 0 1 5.792-5.386c-.454.248-.926.515-1.33.77-.39.247-.772.516-1.01.772-.105.113-.276.32-.31.593-.02.162.01.34.114.5.098.15.23.24.342.293.266.127.574.231.852.323l.111.037c.248.082.476.157.683.24.242.099.4.188.49.268.07.062.067.086.066.09a.224.224 0 0 1-.032.028c-.079.06-.225.128-.472.202-.164.05-.331.091-.516.137l-.292.073a5.012 5.012 0 0 0-.89.301c-.082.039-.185.08-.316.134l-.242.099a4.845 4.845 0 0 0-.714.352 1.439 1.439 0 0 0-.34.29.807.807 0 0 0-.186.651c.05.285.24.463.386.563.151.103.336.18.532.242.337.107.574.192.745.27.172.078.24.132.268.161l.002.002c.022.022.067.068.067.495 0 .21.047.453.102.677.058.234.137.49.223.744.185.55.634.987 1.235.957.589-.029 1.001-.492 1.156-1.042.244-.862.554-1.555 1.088-1.895.49-.311.76-.682.95-1.057.08-.162.15-.328.21-.473l.015-.038c.066-.16.127-.304.201-.445.207-.396.566-.876 1.627-1.366A5.4 5.4 0 1 1 2.6 8Zm10.16-2.553a5.421 5.421 0 0 0-2.618-2.406l-.227.12c-.674.356-1.545.816-2.212 1.238a8.393 8.393 0 0 0-.418.28l.142.047.106.035c.245.08.515.17.763.27.28.114.588.264.831.479.259.228.473.555.473.99 0 .445-.225.77-.506.984-.257.194-.575.311-.85.395-.194.058-.412.112-.612.162l-.244.061a3.89 3.89 0 0 0-.674.222c-.114.055-.274.12-.428.182l-.167.068c.163.058.31.116.44.175.238.108.46.239.636.422.387.402.405.901.405 1.329 0 .06.017.187.067.388.047.19.115.413.195.65.015.045.032.078.046.102a.51.51 0 0 0 .053-.13c.245-.866.648-1.977 1.6-2.582.268-.17.406-.357.521-.585.06-.119.112-.244.176-.399l.012-.029c.066-.161.145-.35.247-.544.359-.685.949-1.337 2.243-1.924ZM8 1.4a6.6 6.6 0 1 0 0 13.2A6.6 6.6 0 0 0 8 1.4ZM6.894 5.017l.004-.006a.038.038 0 0 1-.004.006Z"
fill={color}
fill="#000"
/>
</Svg>
)

16
packages/icons/20/account-number-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAccountNumberIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAccountNumberIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Rect x={2.5} y={2.5} width={15} height={15} rx={3.5} stroke={color} />
<Path

16
packages/icons/20/active-member-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgActiveMemberIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgActiveMemberIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M11.25 2.5v6.25h3.25L8.75 17.5v-6.25H5.5l5.75-8.75Z"

16
packages/icons/20/activity-center-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgActivityCenterIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgActivityCenterIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M5.5 7.5a4.5 4.5 0 1 1 9 0v.75c0 .811.263 1.6.75 2.25l.45.6a1.5 1.5 0 0 1-1.2 2.4h-9a1.5 1.5 0 0 1-1.2-2.4l.45-.6a3.75 3.75 0 0 0 .75-2.25V7.5ZM7.878 16.121a2.999 2.999 0 0 0 4.243 0"

16
packages/icons/20/add-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAddIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAddIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
fillRule="evenodd"

16
packages/icons/20/add-reaction-icon.tsx
View File

@ -1,18 +1,22 @@
import { useTheme } from '@tamagui/core'
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
import type { IconProps } from '../types'
const SvgAddReactionIcon = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
const SvgAddReactionIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...rest}
{...props}
>
<Path
d="M7.525 12a3.5 3.5 0 0 0 4.95 0"

Some files were not shown because too many files have changed in this diff Show More