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

add all icons + cross-platform generation

This commit is contained in:
Pavel Prichodko 2023-01-20 15:18:05 +01:00
parent 69fe2fb707
commit e1c18bc086
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
569 changed files with 13423 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
packages/icons/12/add-reaction.tsx Normal file
View File

@ -0,0 +1,32 @@
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgAddReaction = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#add-reaction_svg__a)">
<Path d="M7.294 1.17A5 5 0 1 0 11 6" stroke={color} strokeWidth={1.1} />
<Path d="M4.068 7a2 2 0 0 0 3.864 0" stroke={color} strokeWidth={1.1} />
<Circle cx={4.75} cy={4.75} r={0.75} fill={color} />
<Circle cx={7.25} cy={4.75} r={0.75} fill={color} />
<Path d="M8 2.5h4M10 .5v4" stroke={color} strokeWidth={1.1} />
</G>
<Defs>
<ClipPath id="add-reaction_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgAddReaction

26
packages/icons/12/add.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgAdd = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M5.45 6.55V10h1.1V6.55H10v-1.1H6.55V2h-1.1v3.45H2v1.1h3.45Z"
fill={color}
/>
</Svg>
)
}
export default SvgAdd

22
packages/icons/12/alert.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgAlert = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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} />
</Svg>
)
}
export default SvgAlert

26
packages/icons/12/arrow-down.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgArrowDown = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M6.55 8.672V2h-1.1v6.672l-2.561-2.56-.778.777 3.5 3.5.389.389.389-.39 3.5-3.5-.778-.777L6.55 8.672Z"
fill={color}
/>
</Svg>
)
}
export default SvgArrowDown

26
packages/icons/12/arrow-right.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgArrowRight = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M10.389 6.389 10.778 6l-.39-.389-3.5-3.5-.777.778L8.672 5.45H2v1.1h6.672l-2.56 2.561.777.778 3.5-3.5Z"
fill={color}
/>
</Svg>
)
}
export default SvgArrowRight

26
packages/icons/12/arrow-up.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgArrowUp = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M5.611 1.611 6 1.222l.389.39 3.5 3.5-.778.777L6.55 3.328V10h-1.1V3.328l-2.561 2.56-.778-.777 3.5-3.5Z"
fill={color}
/>
</Svg>
)
}
export default SvgArrowUp

33
packages/icons/12/block.tsx Normal file
View File

@ -0,0 +1,33 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgBlock = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#block_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="#E65F5C"
/>
</G>
<Defs>
<ClipPath id="block_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgBlock

29
packages/icons/12/camera.tsx Normal file
View File

@ -0,0 +1,29 @@
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCamera = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#camera_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" />
<Circle cx={6} cy={6.5} r={2} />
</G>
<Defs>
<ClipPath id="camera_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgCamera

29
packages/icons/12/cards.tsx Normal file
View File

@ -0,0 +1,29 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCards = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#cards_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" />
<Path d="M1 7.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C2.52 4 3.08 4 4.2 4h3.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C11 5.52 11 6.08 11 7.2v.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.8v-.6Z" />
</G>
<Defs>
<ClipPath id="cards_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgCards

21
packages/icons/12/check-large.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCheckLarge = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m1.5 6 3 3 6-7" stroke={color} strokeWidth={1.3} />
</Svg>
)
}
export default SvgCheckLarge

22
packages/icons/12/check.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCheck = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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} />
</Svg>
)
}
export default SvgCheck

21
packages/icons/12/chevron-bottom.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronBottom = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m3 4.5 3 3 3-3" stroke={color} strokeWidth={1.1} />
</Svg>
)
}
export default SvgChevronBottom

21
packages/icons/12/chevron-left.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronLeft = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m7.5 3-3 3 3 3" stroke={color} strokeWidth={1.1} />
</Svg>
)
}
export default SvgChevronLeft

21
packages/icons/12/chevron-right.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronRight = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m4.5 9 3-3-3-3" stroke={color} strokeWidth={1.1} />
</Svg>
)
}
export default SvgChevronRight

21
packages/icons/12/chevron-top.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronTop = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m9 7.5-3-3-3 3" stroke={color} strokeWidth={1.1} />
</Svg>
)
}
export default SvgChevronTop

25
packages/icons/12/close.tsx Normal file
View File

@ -0,0 +1,25 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgClose = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="M2.5 9.5 6 6 2.5 2.5M9.5 9.5 6 6l3.5-3.5"
stroke={color}
strokeWidth={1.1}
/>
</Svg>
)
}
export default SvgClose

27
packages/icons/12/color.tsx Normal file
View File

@ -0,0 +1,27 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgColor = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.1}
strokeLinecap="round"
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgColor

33
packages/icons/12/communities.tsx Normal file
View File

@ -0,0 +1,33 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCommunities = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#communities_svg__a)">
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M1.55 10.09a8.54 8.54 0 0 1 8.54-8.54c.2 0 .36.16.36.36v1.792a6.686 6.686 0 0 0-6.748 6.748H1.909a.36.36 0 0 1-.36-.36Zm3.314.36h2.011c.389 0 .461-.006.506-.02a.45.45 0 0 0 .3-.3c.013-.044.019-.116.019-.505V9.56c0-.283 0-.537.067-.76A1.55 1.55 0 0 1 8.8 7.767c.223-.068.477-.067.76-.067h.065c.389 0 .461-.006.506-.02a.45.45 0 0 0 .3-.3c.013-.044.019-.116.019-.505V4.864a.064.064 0 0 0-.064-.064A5.586 5.586 0 0 0 4.8 10.386c0 .036.028.064.064.064Zm6.686-4.2v.69c0 .283 0 .537-.067.76a1.55 1.55 0 0 1-1.033 1.033c-.223.068-.477.067-.76.067h-.065c-.389 0-.461.006-.506.02a.45.45 0 0 0-.3.3c-.013.044-.02.116-.02.505l.001.065c0 .283 0 .537-.067.76A1.55 1.55 0 0 1 7.7 11.483c-.223.068-.477.067-.76.067H1.91A1.46 1.46 0 0 1 .45 10.09 9.64 9.64 0 0 1 10.09.45c.807 0 1.46.653 1.46 1.46v4.34Z"
fill={color}
/>
</G>
<Defs>
<ClipPath id="communities_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgCommunities

28
packages/icons/12/contact.tsx Normal file
View File

@ -0,0 +1,28 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgContact = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<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="#4360DF" strokeWidth={1.5} />
<Circle cx={6} cy={4.5} r={1.5} stroke="#fff" strokeLinejoin="round" />
</Svg>
)
}
export default SvgContact

36
packages/icons/12/copy.tsx Normal file
View File

@ -0,0 +1,36 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCopy = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#copy_svg__a)" strokeWidth={1.1}>
<Path
d="M8 3a2 2 0 0 0-2-2H4.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C1 2.52 1 3.08 1 4.2V6a2 2 0 0 0 2 2"
stroke="#1B273D"
strokeOpacity={0.3}
/>
<Path
d="M4 7.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C5.52 4 6.08 4 7.2 4h.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C11 5.52 11 6.08 11 7.2v.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C9.48 11 8.92 11 7.8 11h-.6c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C4 9.48 4 8.92 4 7.8v-.6Z"
stroke={color}
/>
</G>
<Defs>
<ClipPath id="copy_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgCopy

26
packages/icons/12/delivered.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgDelivered = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="m5.653 7.145 2.85-3.483-1.006-.824-4.045 4.945L1.46 5.79l-.92.92 2.5 2.5.508.507.455-.555.826-1.01 1.243 1.087.506.443.425-.52 4.5-5.5-1.006-.824-4.075 4.98-.769-.673Z"
fill={color}
/>
</Svg>
)
}
export default SvgDelivered

29
packages/icons/12/dropdown.tsx Normal file
View File

@ -0,0 +1,29 @@
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgDropdown = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#dropdown_svg__a)">
<Circle cx={6} cy={6} r={6} fill="#E7EAEE" />
<Path d="m3 4.75 3 3 3-3" stroke={color} strokeWidth={1.1} />
</G>
<Defs>
<ClipPath id="dropdown_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgDropdown

26
packages/icons/12/edit.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgEdit = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.1}
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgEdit

35
packages/icons/12/gas.tsx Normal file
View File

@ -0,0 +1,35 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgGas = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#gas_svg__a)" strokeWidth={1.1}>
<Path
d="M7.5 10.5v-6c0-.932 0-1.398-.152-1.765a2 2 0 0 0-1.083-1.083C5.898 1.5 5.432 1.5 4.5 1.5c-.932 0-1.398 0-1.765.152a2 2 0 0 0-1.083 1.083C1.5 3.102 1.5 3.568 1.5 4.5v6h6Z"
stroke={color}
strokeLinejoin="round"
/>
<Path d="M7.5 7.5H9a1 1 0 0 0 1-1v-1M10 2.5v2" stroke="#000" />
<Path stroke={color} strokeLinejoin="round" d="M9.5 4.5h1v1h-1z" />
<Path d="M1.5 4.5h6" stroke="#000" />
</G>
<Defs>
<ClipPath id="gas_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgGas

29
packages/icons/12/hold.tsx Normal file
View File

@ -0,0 +1,29 @@
import { Circle, ClipPath, Defs, G, Path, Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgHold = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#hold_svg__a)">
<Circle cx={6} cy={6} r={6} fill="#647084" />
<Path d="M3.333 6.4 5.111 8l3.556-4" stroke="#fff" strokeWidth={1.1} />
</G>
<Defs>
<ClipPath id="hold_svg__a">
<Rect width={12} height={12} rx={6} fill="#fff" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgHold

56
packages/icons/12/index.ts Normal file
View File

@ -0,0 +1,56 @@
export { default as Add } from './add'
export { default as AddReaction } from './add-reaction'
export { default as Alert } from './alert'
export { default as ArrowDown } from './arrow-down'
export { default as ArrowRight } from './arrow-right'
export { default as ArrowUp } from './arrow-up'
export { default as Block } from './block'
export { default as Camera } from './camera'
export { default as Cards } from './cards'
export { default as Check } from './check'
export { default as CheckLarge } from './check-large'
export { default as ChevronBottom } from './chevron-bottom'
export { default as ChevronLeft } from './chevron-left'
export { default as ChevronRight } from './chevron-right'
export { default as ChevronTop } from './chevron-top'
export { default as Close } from './close'
export { default as Color } from './color'
export { default as Communities } from './communities'
export { default as Contact } from './contact'
export { default as Copy } from './copy'
export { default as Delivered } from './delivered'
export { default as Dropdown } from './dropdown'
export { default as Edit } from './edit'
export { default as Gas } from './gas'
export { default as Hold } from './hold'
export { default as Info } from './info'
export { default as Info1 } from './info-1'
export { default as JumpTo } from './jump-to'
export { default as Lightning } from './lightning'
export { default as List } from './list'
export { default as Loading } from './loading'
export { default as Locked } from './locked'
export { default as Mention } from './mention'
export { default as More } from './more'
export { default as Negative } from './negative'
export { default as Notification } from './notification'
export { default as Pause } from './pause'
export { default as Pending } from './pending'
export { default as Pick } from './pick'
export { default as Placeholder } from './placeholder'
export { default as Play } from './play'
export { default as Positive } from './positive'
export { default as Progress } from './progress'
export { default as Pullup } from './pullup'
export { default as Remove } from './remove'
export { default as Search } from './search'
export { default as SendMessage } from './send-message'
export { default as Sent } from './sent'
export { default as Timeout } from './timeout'
export { default as TotalMembers } from './total-members'
export { default as Trash } from './trash'
export { default as Unlocked } from './unlocked'
export { default as Untrustworthy } from './untrustworthy'
export { default as Verified } from './verified'
export { default as Verified1 } from './verified-1'
export { default as Whistle } from './whistle'

26
packages/icons/12/info-1.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgInfo1 = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M6 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 1A5 5 0 1 0 6 1a5 5 0 0 0 0 10Zm-.5-2.5v-3h1v3h-1Zm0-5v1h1v-1h-1Z"
fill={color}
/>
</Svg>
)
}
export default SvgInfo1

22
packages/icons/12/info.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgInfo = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={6} cy={6} r={5} fill="#4360DF" />
<Path d="M6 5v4M6 3v1" stroke="#fff" strokeWidth={1.1} />
</Svg>
)
}
export default SvgInfo

26
packages/icons/12/jump-to.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgJumpTo = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="M4.575 2.525h4.95v4.95" stroke={color} strokeWidth={1.1} />
<Path
d="M9.5 3A7.578 7.578 0 0 0 5 9.924V10"
stroke={color}
strokeWidth={1.1}
/>
</Svg>
)
}
export default SvgJumpTo

26
packages/icons/12/lightning.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgLightning = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={14}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="M7 1.5V6h2.5L5 12.5v-5H2.5l4.5-6Z"
stroke={color}
strokeWidth={1.1}
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgLightning

28
packages/icons/12/list.tsx Normal file
View File

@ -0,0 +1,28 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgList = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#list_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" />
</G>
<Defs>
<ClipPath id="list_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgList

55
packages/icons/12/loading.tsx Normal file
View File

@ -0,0 +1,55 @@
import {
ClipPath,
Defs,
G,
LinearGradient,
Path,
Stop,
Svg,
} from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgLoading = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#loading_svg__a)">
<Path
d="M6 .95a.55.55 0 1 1 0 1.1V.95ZM2.05 6A3.95 3.95 0 0 0 6 9.95v1.1A5.05 5.05 0 0 1 .95 6h1.1ZM6 2.05A3.95 3.95 0 0 0 2.05 6H.95A5.05 5.05 0 0 1 6 .95v1.1Z"
fill={color}
/>
<Path
d="M6 1.5a4.5 4.5 0 0 1 0 9"
stroke="url(#loading_svg__b)"
strokeWidth={1.1}
/>
</G>
<Defs>
<LinearGradient
id="loading_svg__b"
x1={5.625}
y1={10.5}
x2={2.625}
y2={5.25}
gradientUnits="userSpaceOnUse"
>
<Stop stopColor={color} />
<Stop offset={1} stopColor={color} stopOpacity={0} />
</LinearGradient>
<ClipPath id="loading_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgLoading

25
packages/icons/12/locked.tsx Normal file
View File

@ -0,0 +1,25 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgLocked = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.1}
/>
</Svg>
)
}
export default SvgLocked

30
packages/icons/12/mention.tsx Normal file
View File

@ -0,0 +1,30 @@
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgMention = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#mention_svg__a)" stroke={color} strokeWidth={1.1}>
<Path d="M11 6a5 5 0 1 0-2.5 4.33" />
<Circle cx={6} cy={6} r={2} />
<Path d="M8 3.5v3.456C8 7.809 8.691 8.5 9.544 8.5c.709 0 1.326-.485 1.391-1.19C11 6.609 11 6 11 6" />
</G>
<Defs>
<ClipPath id="mention_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgMention

23
packages/icons/12/more.tsx Normal file
View File

@ -0,0 +1,23 @@
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgMore = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={2.5} cy={6} r={1} fill={color} />
<Circle cx={6} cy={6} r={1} fill={color} />
<Circle cx={9.5} cy={6} r={1} fill={color} />
</Svg>
)
}
export default SvgMore

29
packages/icons/12/negative.tsx Normal file
View File

@ -0,0 +1,29 @@
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgNegative = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#negative_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>
<Defs>
<ClipPath id="negative_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgNegative

21
packages/icons/12/notification.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgNotification = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={6} cy={6} r={4} fill="#4360DF" />
</Svg>
)
}
export default SvgNotification

21
packages/icons/12/pause.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPause = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Rect x={2} y={2} width={8} height={8} rx={2} fill={color} />
</Svg>
)
}
export default SvgPause

23
packages/icons/12/pending.tsx Normal file
View File

@ -0,0 +1,23 @@
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPending = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={3} cy={6} r={1} fill="#000" fillOpacity={0.4} />
<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>
)
}
export default SvgPending

33
packages/icons/12/pick.tsx Normal file
View File

@ -0,0 +1,33 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPick = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#pick_svg__a)">
<Path
fillRule="evenodd"
clipRule="evenodd"
d="m9.642 1.793-.015-.015c-.186-.185-.348-.347-.492-.47A1.577 1.577 0 0 0 8.6.99a1.55 1.55 0 0 0-.958 0c-.21.069-.38.187-.534.318-.145.123-.307.285-.492.47l-.015.015-.32.32a1.55 1.55 0 0 0-1.113-.062c-.211.068-.381.187-.535.317-.145.123-.307.285-.492.47l-.015.015-.283.283a.55.55 0 0 0 0 .778l.318.318L2.544 5.85l-.03.03a2.404 2.404 0 0 0-.371.431 1.55 1.55 0 0 0-.186.448c-.043.18-.043.366-.043.568v2.209c0 .303.247.55.55.55h2.209c.202 0 .387 0 .567-.043.159-.038.31-.1.449-.186.158-.097.288-.228.43-.37l.031-.031 1.618-1.618.318.319a.55.55 0 0 0 .778 0l.283-.283.014-.015c.186-.185.348-.347.47-.492.131-.154.25-.324.318-.534a1.55 1.55 0 0 0-.062-1.114l.32-.32.015-.015a8.93 8.93 0 0 0 .47-.492c.13-.154.25-.324.318-.534a1.55 1.55 0 0 0 0-.958 1.575 1.575 0 0 0-.318-.535c-.123-.144-.285-.306-.47-.492l-.015-.015-.565-.565Zm-.46 3.076.247-.248c.205-.204.334-.335.425-.441a.53.53 0 0 0 .11-.162.45.45 0 0 0 0-.278.53.53 0 0 0-.11-.163 8.468 8.468 0 0 0-.425-.44l-.565-.566a8.463 8.463 0 0 0-.441-.425.53.53 0 0 0-.163-.11.45.45 0 0 0-.278 0 .53.53 0 0 0-.162.11c-.107.09-.237.22-.441.425l-.248.247.021.02.015.015 1.98 1.98.014.015.021.02ZM6.99 7.06 4.94 5.01 3.321 6.627c-.191.192-.221.227-.241.26a.45.45 0 0 0-.054.13c-.009.036-.013.082-.013.353v1.616H4.63c.27 0 .317-.004.354-.013a.45.45 0 0 0 .13-.054c.032-.02.067-.05.259-.241L6.99 7.061ZM5.785 3.097a.53.53 0 0 1 .163.11c.106.09.236.22.44.424l1.98 1.98c.205.205.335.335.425.441a.53.53 0 0 1 .11.163.45.45 0 0 1 0 .278.53.53 0 0 1-.11.162c-.073.087-.173.19-.318.335L5.01 3.525c.146-.145.248-.245.335-.318a.53.53 0 0 1 .162-.11.45.45 0 0 1 .278 0Z"
fill={color}
/>
</G>
<Defs>
<ClipPath id="pick_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgPick

26
packages/icons/12/placeholder.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPlaceholder = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M6 2c-.924 0-1.776.314-2.453.84L6 5.293 8.453 2.84A3.983 3.983 0 0 0 6 2Zm3.16 1.547L6.707 6 9.16 8.453C9.686 7.776 10 6.924 10 6c0-.924-.314-1.776-.84-2.453ZM5.293 6 2.84 3.547A3.983 3.983 0 0 0 2 6c0 .924.314 1.775.84 2.453L5.293 6ZM3.547 9.16 6 6.707 8.453 9.16A3.983 3.983 0 0 1 6 10a3.983 3.983 0 0 1-2.453-.84ZM1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Z"
fill={color}
/>
</Svg>
)
}
export default SvgPlaceholder

24
packages/icons/12/play.tsx Normal file
View File

@ -0,0 +1,24 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPlay = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
fill={color}
/>
</Svg>
)
}
export default SvgPlay

29
packages/icons/12/positive.tsx Normal file
View File

@ -0,0 +1,29 @@
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPositive = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#positive_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>
<Defs>
<ClipPath id="positive_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgPositive

29
packages/icons/12/progress.tsx Normal file
View File

@ -0,0 +1,29 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgProgress = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#progress_svg__a)" strokeWidth={1.1}>
<Path d="M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1Z" stroke="#E7EAEE" />
<Path d="M6 1a5 5 0 0 1 4.755 3.455" stroke={color} />
</G>
<Defs>
<ClipPath id="progress_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgProgress

35
packages/icons/12/pullup.tsx Normal file
View File

@ -0,0 +1,35 @@
import { Circle, ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPullup = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#pullup_svg__a)">
<Circle
cx={6}
cy={6}
r={6}
transform="rotate(180 6 6)"
fill="#E7EAEE"
/>
<Path d="m9 7.25-3-3-3 3" stroke={color} strokeWidth={1.1} />
</G>
<Defs>
<ClipPath id="pullup_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgPullup

34
packages/icons/12/remove.tsx Normal file
View File

@ -0,0 +1,34 @@
import { Circle, ClipPath, Defs, G, Path, Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgRemove = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#remove_svg__a)">
<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"
strokeWidth={1.1}
strokeLinejoin="round"
/>
</G>
<Defs>
<ClipPath id="remove_svg__a">
<Rect width={12} height={12} rx={6} fill="#fff" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgRemove

26
packages/icons/12/search.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgSearch = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M2.1 5.382a3.282 3.282 0 1 1 6.565 0 3.282 3.282 0 0 1-6.565 0ZM5.382 1a4.382 4.382 0 1 0 2.686 7.846l2.153 2.152.778-.777-2.153-2.153A4.382 4.382 0 0 0 5.382 1Z"
fill={color}
/>
</Svg>
)
}
export default SvgSearch

28
packages/icons/12/send-message.tsx Normal file
View File

@ -0,0 +1,28 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgSendMessage = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#send-message_svg__a)" 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" />
</G>
<Defs>
<ClipPath id="send-message_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgSendMessage

21
packages/icons/12/sent.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgSent = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="M2.5 6.25 5 8.75l4.5-5.5" stroke={color} strokeWidth={1.3} />
</Svg>
)
}
export default SvgSent

32
packages/icons/12/timeout.tsx Normal file
View File

@ -0,0 +1,32 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgTimeout = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#timeout_svg__a)">
<Path
d="M10.5 6A4.5 4.5 0 1 1 6 1.5"
stroke={color}
strokeWidth={1.1}
/>
</G>
<Defs>
<ClipPath id="timeout_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgTimeout

34
packages/icons/12/total-members.tsx Normal file
View File

@ -0,0 +1,34 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgTotalMembers = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.1}
strokeLinejoin="round"
/>
<Circle
cx={6}
cy={3.5}
r={1.5}
stroke={color}
strokeWidth={1.1}
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgTotalMembers

29
packages/icons/12/trash.tsx Normal file
View File

@ -0,0 +1,29 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgTrash = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#trash_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" />
<Path d="M1 4s2.5-1 5-1 5 1 5 1" />
</G>
<Defs>
<ClipPath id="trash_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgTrash

25
packages/icons/12/unlocked.tsx Normal file
View File

@ -0,0 +1,25 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgUnlocked = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.1}
/>
</Svg>
)
}
export default SvgUnlocked

22
packages/icons/12/untrustworthy.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgUntrustworthy = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={6} cy={6} r={5} fill="#E65F5C" />
<Path d="M6 7V3M6 9V8" stroke="#fff" strokeWidth={1.1} />
</Svg>
)
}
export default SvgUntrustworthy

33
packages/icons/12/verified-1.tsx Normal file
View File

@ -0,0 +1,33 @@
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgVerified1 = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<G clipPath="url(#verified-1_svg__a)">
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M6.43 1.156 6 .62l-.43.536-1.7 2.125-2.087-1.253-.91-.546.079 1.059.454 6.132.002.034c.02.276.04.539.223.851.078.133.16.243.266.341.091.085.189.15.262.198l.013.008c.652.429 1.852.945 3.828.945 1.976 0 3.176-.516 3.828-.945l.013-.008c.073-.049.171-.113.262-.198.106-.098.188-.208.266-.34.183-.313.203-.576.223-.852l.002-.034.455-6.132.078-1.059-.91.546L8.13 3.281l-1.7-2.125Zm-2 3.188L6 2.38l1.57 1.964.3.375.413-.247 1.59-.954-.338 4.559a5.14 5.14 0 0 0-.206-.088C8.632 7.711 7.562 7.45 6 7.45c-1.562 0-2.632.26-3.33.54-.072.028-.14.058-.205.087l-.338-4.56 1.59.955.412.247.3-.375Zm-1.687 4.82.034.022c.462.304 1.45.764 3.223.764 1.774 0 2.761-.46 3.223-.764l.034-.022a3.722 3.722 0 0 0-.336-.153C8.368 8.789 7.438 8.55 6 8.55c-1.439 0-2.369.24-2.922.46a3.721 3.721 0 0 0-.336.154Z"
fill={color}
/>
</G>
<Defs>
<ClipPath id="verified-1_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
export default SvgVerified1

22
packages/icons/12/verified.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgVerified = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<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>
)
}
export default SvgVerified

31
packages/icons/12/whistle.tsx Normal file
View File

@ -0,0 +1,31 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgWhistle = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.1}
/>
<Circle
r={1}
transform="scale(-1 1) rotate(30 -16.062 -3.964)"
stroke={color}
strokeWidth={1.1}
/>
</Svg>
)
}
export default SvgWhistle

35
packages/icons/16/add-user.tsx Normal file
View File

@ -0,0 +1,35 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgAddUser = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="M8.5 10H6a3 3 0 0 0-3 3 1 1 0 0 0 1 1h4.5"
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Circle
cx={8.5}
cy={5}
r={2.5}
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Path d="M11.5 10v4M9.5 12h4" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgAddUser

21
packages/icons/16/add.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgAdd = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="M8 13V3M3 8h10" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgAdd

30
packages/icons/16/alert.tsx Normal file
View File

@ -0,0 +1,30 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgAlert = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle
cx={8}
cy={8}
r={6}
transform="rotate(-180 8 8)"
stroke={color}
strokeWidth={1.2}
/>
<Path d="M8 9V5" stroke={color} strokeWidth={1.3} />
<Path d="M8 11V9.75" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgAlert

21
packages/icons/16/arrow-down.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgArrowDown = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m4 9 4 4 4-4M8 3v10" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgArrowDown

21
packages/icons/16/arrow-right.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgArrowRight = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m9 12 4-4-4-4M3 8h10" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgArrowRight

33
packages/icons/16/calendar.tsx Normal file
View File

@ -0,0 +1,33 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCalendar = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.2}
/>
<Path d="M5 2v2" stroke="#000" strokeWidth={1.3} strokeLinecap="round" />
<Path
d="M3 6.5h10"
stroke="#000"
strokeWidth={1.3}
strokeLinecap="square"
/>
<Path d="M11 2v2" stroke="#000" strokeWidth={1.3} strokeLinecap="round" />
</Svg>
)
}
export default SvgCalendar

22
packages/icons/16/check-circle.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgCheckCircle = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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} />
</Svg>
)
}
export default SvgCheckCircle

21
packages/icons/16/chevron-down.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronDown = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m5 6.5 3 3 3-3" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgChevronDown

21
packages/icons/16/chevron-left.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronLeft = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m9.5 5-3 3 3 3" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgChevronLeft

21
packages/icons/16/chevron-right.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronRight = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m6.5 11 3-3-3-3" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgChevronRight

21
packages/icons/16/chevron-top.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgChevronTop = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path d="m11 9.5-3-3-3 3" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgChevronTop

25
packages/icons/16/close.tsx Normal file
View File

@ -0,0 +1,25 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgClose = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="m4.464 11.536 7.072-7.072M4.464 4.464l7.072 7.072"
stroke={color}
strokeWidth={1.2}
/>
</Svg>
)
}
export default SvgClose

33
packages/icons/16/connection.tsx Normal file
View File

@ -0,0 +1,33 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgConnection = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="M11 14H5l3-7 3 7Z"
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="#000"
strokeWidth={1.2}
strokeLinecap="square"
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgConnection

40
packages/icons/16/contact-book.tsx Normal file
View File

@ -0,0 +1,40 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgContactBook = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Circle
cx={8.5}
cy={6}
r={1.25}
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M14.6 6.774V9.226c0 .818 0 1.468-.043 1.993-.044.538-.136.996-.35 1.415a3.6 3.6 0 0 1-1.573 1.574c-.42.213-.877.305-1.415.35-.524.042-1.175.042-1.993.042H7.774c-.818 0-1.468 0-1.993-.043-.538-.044-.996-.136-1.415-.35a3.6 3.6 0 0 1-1.574-1.573c-.213-.42-.305-.877-.35-1.415a11.73 11.73 0 0 1-.03-.619H2a.6.6 0 1 1 0-1.2h.4V6.6H2a.6.6 0 0 1 0-1.2h.411c.007-.224.016-.43.032-.62.044-.537.136-.995.35-1.414a3.6 3.6 0 0 1 1.573-1.574c.42-.213.877-.305 1.415-.35C6.306 1.4 6.956 1.4 7.774 1.4h1.452c.818 0 1.468 0 1.993.043.538.044.996.136 1.415.35a3.6 3.6 0 0 1 1.574 1.573c.213.42.305.877.35 1.415.042.525.042 1.175.042 1.993ZM3.612 5.4c.005-.192.014-.364.027-.522.038-.463.11-.745.223-.968A2.4 2.4 0 0 1 4.91 2.862c.223-.114.505-.185.968-.223C6.348 2.6 6.95 2.6 7.8 2.6h1.4c.85 0 1.451 0 1.922.039.463.038.745.11.968.223a2.4 2.4 0 0 1 1.048 1.048c.114.223.185.505.223.968.039.47.039 1.072.039 1.922v2.4c0 .85 0 1.451-.039 1.921-.038.464-.11.746-.223.969a2.4 2.4 0 0 1-1.048 1.048c-.223.114-.505.185-.968.223-.47.038-1.072.039-1.922.039H7.8c-.85 0-1.451 0-1.922-.039-.463-.038-.745-.11-.968-.223a2.4 2.4 0 0 1-1.048-1.048c-.114-.223-.185-.505-.223-.969-.013-.157-.022-.33-.027-.521H4a.6.6 0 1 0 0-1.2h-.4V6.6H4a.6.6 0 1 0 0-1.2h-.388Z"
fill="#000"
/>
</Svg>
)
}
export default SvgContactBook

34
packages/icons/16/delete.tsx Normal file
View File

@ -0,0 +1,34 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgDelete = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Path d="M1.5 4h13" stroke={color} strokeWidth={1.2} />
<Path
d="M10.5 4a2.5 2.5 0 0 0-5 0"
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Path d="M9.5 7v4M6.5 7v4" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgDelete

26
packages/icons/16/email.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgEmail = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.2}
/>
<Path d="M4.5 5.5 8 8.75l3.5-3.25" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgEmail

26
packages/icons/16/forward.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgForward = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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="#000"
strokeWidth={1.2}
/>
<Path d="M10 11.5 14 8l-4-3.5" stroke="#000" strokeWidth={1.2} />
</Svg>
)
}
export default SvgForward

31
packages/icons/16/gif.tsx Normal file
View File

@ -0,0 +1,31 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgGif = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.2}
/>
<Path
d="M6.41 7.435 6.398 7.4a.82.82 0 0 0-.111-.228.68.68 0 0 0-.388-.28h-.001a.969.969 0 0 0-.278-.038c-.18 0-.34.044-.479.13a.885.885 0 0 0-.33.385c-.08.17-.12.378-.12.628 0 .252.04.462.12.632.08.171.19.3.33.387.14.086.304.13.493.13a.96.96 0 0 0 .44-.094.667.667 0 0 0 .284-.264.768.768 0 0 0 .097-.335h-.808V7.87h1.528V8.33c0 .299-.066.56-.2.782a1.347 1.347 0 0 1-.549.511 1.73 1.73 0 0 1-.796.177c-.331 0-.625-.072-.879-.218a1.53 1.53 0 0 1-.59-.624H4.16c-.14-.27-.21-.59-.21-.955 0-.28.04-.531.123-.754.084-.222.2-.412.351-.568.15-.157.327-.276.53-.358.202-.082.421-.123.657-.123.2 0 .386.028.56.086m.239 1.149-.254-1.102m.254 1.102H7.154l-.01-.058a1.29 1.29 0 0 0-.173-.478 1.361 1.361 0 0 0-.336-.372m-.225.908.194-.869m-.433-.28-.015.047m.015-.047-.015.047m.015-.047c.174.056.328.136.464.24m-.48-.193c.17.055.319.132.45.233m.03-.04-.03.04m.03-.04-.03.04m.49.819-.049.007-.001-.007h.05Zm0 0v-.05h-.008l.008.05Zm-.998 1.711c-.13.067-.285.1-.463.1a.966.966 0 0 1-.52-.138.931.931 0 0 1-.348-.408 1.535 1.535 0 0 1-.125-.653c0-.255.042-.472.125-.65l1.331 1.75Zm2.592-2.8v-.05H7.952V9.754H8.689V6.297Zm1.007 3.407v.05H10.434V8.306h1.461V7.69h-1.461v-.825h1.616V6.247H9.696v3.456Z"
fill={color}
stroke={color}
strokeWidth={0.1}
/>
</Svg>
)
}
export default SvgGif

30
packages/icons/16/group.tsx Normal file
View File

@ -0,0 +1,30 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgGroup = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M4.6 5a1.9 1.9 0 1 1 3.8 0 1.9 1.9 0 0 1-3.8 0Zm1.9-3.1a3.1 3.1 0 1 0 0 6.2 3.1 3.1 0 0 0 0-6.2ZM5 8.9a3.6 3.6 0 0 0-3.6 3.6A1.6 1.6 0 0 0 3 14.1h6a1.6 1.6 0 0 0 1.6-1.6A3.6 3.6 0 0 0 7 8.9H5Zm-2.4 3.6A2.4 2.4 0 0 1 5 10.1h2a2.4 2.4 0 0 1 2.4 2.4.4.4 0 0 1-.4.4H3a.4.4 0 0 1-.4-.4Z"
fill={color}
/>
<Path
d="M10 3.1a1.9 1.9 0 0 1 0 3.8v1.2a3.1 3.1 0 0 0 0-6.2v1.2ZM11 10.1h.5a2.4 2.4 0 0 1 2.4 2.4.4.4 0 0 1-.4.4h-2v1.2h2a1.6 1.6 0 0 0 1.6-1.6 3.6 3.6 0 0 0-3.6-3.6H11v1.2Z"
fill={color}
/>
</Svg>
)
}
export default SvgGroup

27
packages/icons/16/history.tsx Normal file
View File

@ -0,0 +1,27 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgHistory = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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="#000"
/>
<Path d="M7.5 5v3l2.5 2.5" stroke="#000" strokeWidth={1.2} />
</Svg>
)
}
export default SvgHistory

39
packages/icons/16/index.ts Normal file
View File

@ -0,0 +1,39 @@
export { default as Add } from './add'
export { default as AddUser } from './add-user'
export { default as Alert } from './alert'
export { default as ArrowDown } from './arrow-down'
export { default as ArrowRight } from './arrow-right'
export { default as Calendar } from './calendar'
export { default as CheckCircle } from './check-circle'
export { default as ChevronDown } from './chevron-down'
export { default as ChevronLeft } from './chevron-left'
export { default as ChevronRight } from './chevron-right'
export { default as ChevronTop } from './chevron-top'
export { default as Close } from './close'
export { default as Connection } from './connection'
export { default as ContactBook } from './contact-book'
export { default as Delete } from './delete'
export { default as Email } from './email'
export { default as Forward } from './forward'
export { default as Gif } from './gif'
export { default as Group } from './group'
export { default as History } from './history'
export { default as Info } from './info'
export { default as Lightning } from './lightning'
export { default as Locked } from './locked'
export { default as Mention } from './mention'
export { default as More } from './more'
export { default as Mute } from './mute'
export { default as Negative } from './negative'
export { default as Notification } from './notification'
export { default as Pin } from './pin'
export { default as Placeholder } from './placeholder'
export { default as Positive } from './positive'
export { default as Privacy } from './privacy'
export { default as Progress } from './progress'
export { default as RemoveUser } from './remove-user'
export { default as Sad } from './sad'
export { default as Stickers } from './stickers'
export { default as Unlocked } from './unlocked'
export { default as Unmute } from './unmute'
export { default as World } from './world'

22
packages/icons/16/info.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgInfo = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
<Path d="M8 7v4M8 5v1.25" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgInfo

26
packages/icons/16/lightning.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgLightning = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="M9 2v5h3l-5 7V9H4l5-7Z"
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgLightning

26
packages/icons/16/locked.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgLocked = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M8 .9h-.012c-.081 0-.137 0-.186.002a3 3 0 0 0-2.9 2.9c-.002.05-.002.105-.002.186v1.175a3.6 3.6 0 0 0-2.127 2.405c-.123.46-.123.998-.123 1.832v.2c0 .834 0 1.373.123 1.832a3.6 3.6 0 0 0 2.545 2.545c.46.123.998.123 1.832.123H8.85c.834 0 1.373 0 1.832-.123a3.6 3.6 0 0 0 2.545-2.545c.123-.46.123-.998.123-1.832v-.2c0-.834 0-1.373-.123-1.832A3.6 3.6 0 0 0 11.1 5.163V3.988c0-.081 0-.137-.002-.186A3 3 0 0 0 8.012.9H8Zm.75 5.2h-1.5c-.969 0-1.335.005-1.621.082a2.4 2.4 0 0 0-1.697 1.697c-.077.286-.082.652-.082 1.621s.005 1.335.082 1.621a2.4 2.4 0 0 0 1.697 1.697c.286.077.652.082 1.621.082h1.5c.969 0 1.335-.005 1.621-.082a2.4 2.4 0 0 0 1.697-1.697c.077-.286.082-.652.082-1.621s-.005-1.335-.082-1.621a2.4 2.4 0 0 0-1.697-1.697C10.085 6.105 9.72 6.1 8.75 6.1Zm.288-1.2H9.9V3.841a1.8 1.8 0 0 0-1.741-1.74 5.726 5.726 0 0 0-.318 0 1.8 1.8 0 0 0-1.74 1.74V4.9H9.037ZM7.4 8.25h1.2v2.5H7.4v-2.5Z"
fill={color}
/>
</Svg>
)
}
export default SvgLocked

26
packages/icons/16/mention.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgMention = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M9.708 1.625a6.6 6.6 0 1 0 1.592 12.09l-.6-1.038A5.4 5.4 0 1 1 13.4 8v.126a24.795 24.795 0 0 1-.058 1.42c-.034.475-.445.854-1.017.854A1.225 1.225 0 0 1 11.1 9.175V4.5H9.9v1.05a3.1 3.1 0 1 0 .245 4.688 2.425 2.425 0 0 0 2.18 1.362c1.103 0 2.128-.771 2.214-1.967a24.716 24.716 0 0 0 .06-1.595l.001-.028V8.001l-.6-.001h.6a6.6 6.6 0 0 0-4.892-6.375ZM8 9.9a1.9 1.9 0 1 0 0-3.8 1.9 1.9 0 0 0 0 3.8Z"
fill={color}
/>
</Svg>
)
}
export default SvgMention

23
packages/icons/16/more.tsx Normal file
View File

@ -0,0 +1,23 @@
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgMore = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={3.25} cy={8} r={1.25} fill={color} />
<Circle cx={8} cy={8} r={1.25} fill={color} />
<Circle cx={12.75} cy={8} r={1.25} fill={color} />
</Svg>
)
}
export default SvgMore

26
packages/icons/16/mute.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgMute = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M8 1.9a4.163 4.163 0 0 0-4.162 4.162v.696c0 .525-.168 1.036-.478 1.459l-.358.487A1.82 1.82 0 0 0 4.47 11.6h7.06a1.82 1.82 0 0 0 1.468-2.896l-.358-.487a2.466 2.466 0 0 1-.478-1.459v-.696A4.162 4.162 0 0 0 8 1.9ZM5.038 6.062a2.963 2.963 0 0 1 5.925 0v.696c0 .78.248 1.54.71 2.168l.357.488a.62.62 0 0 1-.5.986H4.47a.62.62 0 0 1-.5-.986l.358-.488c.46-.629.71-1.388.71-2.168v-.696ZM8 14.35c.468 0 .927-.111 1.35-.323a3.46 3.46 0 0 0 1.112-.894l-.924-.766a2.26 2.26 0 0 1-.724.586A1.814 1.814 0 0 1 8 13.15c-.275 0-.551-.065-.814-.197a2.26 2.26 0 0 1-.724-.586l-.924.766a3.46 3.46 0 0 0 1.111.894c.424.212.883.323 1.351.323Z"
fill={color}
/>
</Svg>
)
}
export default SvgMute

22
packages/icons/16/negative.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgNegative = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<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>
)
}
export default SvgNegative

21
packages/icons/16/notification.tsx Normal file
View File

@ -0,0 +1,21 @@
import { Circle, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgNotification = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={8} cy={8} r={4} fill="#4360DF" />
</Svg>
)
}
export default SvgNotification

26
packages/icons/16/pin.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPin = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgPin

26
packages/icons/16/placeholder.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPlaceholder = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M8 2.6a5.377 5.377 0 0 0-3.37 1.18L8 7.152l3.37-3.37A5.377 5.377 0 0 0 8 2.6Zm4.22 2.03L8.848 8l3.37 3.37A5.378 5.378 0 0 0 13.4 8a5.378 5.378 0 0 0-1.18-3.37ZM7.15 8l-3.37-3.37A5.377 5.377 0 0 0 2.6 8c0 1.275.442 2.447 1.18 3.37L7.153 8ZM4.63 12.22 8 8.848l3.37 3.37A5.377 5.377 0 0 1 8 13.4a5.377 5.377 0 0 1-3.37-1.18ZM1.4 8a6.6 6.6 0 1 1 13.2 0A6.6 6.6 0 0 1 1.4 8Z"
fill={color}
/>
</Svg>
)
}
export default SvgPlaceholder

22
packages/icons/16/positive.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPositive = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<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>
)
}
export default SvgPositive

26
packages/icons/16/privacy.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgPrivacy = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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="#000"
/>
</Svg>
)
}
export default SvgPrivacy

29
packages/icons/16/progress.tsx Normal file
View File

@ -0,0 +1,29 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgProgress = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle
cx={8}
cy={8}
r={6}
transform="rotate(-180 8 8)"
stroke="#F0F2F5"
strokeWidth={1.2}
/>
<Path d="M8 2a6 6 0 0 1 5.706 4.146" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgProgress

35
packages/icons/16/remove-user.tsx Normal file
View File

@ -0,0 +1,35 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgRemoveUser = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="M8.5 10H6a3 3 0 0 0-3 3 1 1 0 0 0 1 1h4.5"
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Circle
cx={8.5}
cy={5}
r={2.5}
stroke={color}
strokeWidth={1.2}
strokeLinejoin="round"
/>
<Path d="M9.5 12h4" stroke={color} strokeWidth={1.2} />
</Svg>
)
}
export default SvgRemoveUser

28
packages/icons/16/sad.tsx Normal file
View File

@ -0,0 +1,28 @@
import { Circle, Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgSad = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Circle cx={8} cy={8} r={6} stroke={color} strokeWidth={1.2} />
<Path
d="M10.5 10.75a3.547 3.547 0 0 0-1.147-.74 3.645 3.645 0 0 0-2.706 0 3.547 3.547 0 0 0-1.147.74"
stroke={color}
strokeWidth={1.2}
/>
<Circle cx={6} cy={6.5} r={1} fill={color} />
<Circle cx={10} cy={6.5} r={1} fill={color} />
</Svg>
)
}
export default SvgSad

30
packages/icons/16/stickers.tsx Normal file
View File

@ -0,0 +1,30 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgStickers = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.2}
/>
<Path
d="M13.8 9c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C9 11.28 9 12.12 9 13.8"
stroke={color}
strokeWidth={1.3}
/>
</Svg>
)
}
export default SvgStickers

26
packages/icons/16/unlocked.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgUnlocked = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M8.065.9A3.035 3.035 0 0 1 11.1 3.935v1.228a3.6 3.6 0 0 1 2.127 2.405c.123.46.123.998.123 1.832v.2c0 .834 0 1.373-.123 1.832a3.6 3.6 0 0 1-2.545 2.545c-.46.123-.998.123-1.832.123H7.15c-.834 0-1.373 0-1.832-.123a3.6 3.6 0 0 1-2.545-2.545c-.123-.46-.123-.998-.123-1.832v-.2c0-.834 0-1.373.123-1.832a3.6 3.6 0 0 1 2.545-2.545c.46-.123.998-.123 1.832-.123H8.85c.414 0 .755 0 1.05.015v-.98a1.835 1.835 0 0 0-3.568-.602l-.265.764-1.134-.394.265-.764A3.035 3.035 0 0 1 8.065.9ZM7.25 6.1c-.969 0-1.335.005-1.621.082a2.4 2.4 0 0 0-1.697 1.697c-.077.286-.082.652-.082 1.621s.005 1.335.082 1.621a2.4 2.4 0 0 0 1.697 1.697c.286.077.652.082 1.621.082h1.5c.969 0 1.335-.005 1.621-.082a2.4 2.4 0 0 0 1.697-1.697c.077-.286.082-.652.082-1.621s-.005-1.335-.082-1.621a2.4 2.4 0 0 0-1.697-1.697C10.085 6.105 9.72 6.1 8.75 6.1h-1.5Zm.15 2.15h1.2v2.5H7.4v-2.5Z"
fill={color}
/>
</Svg>
)
}
export default SvgUnlocked

26
packages/icons/16/unmute.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgUnmute = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M3.838 6.063c0-.418.061-.821.175-1.201L1.92 2.767l.848-.848 1.796 1.795a4.163 4.163 0 0 1 7.6 2.348v.696c0 .525.167 1.036.477 1.459l.358.487a1.82 1.82 0 0 1-.713 2.733l1.796 1.796-.848.848L10.75 11.6H4.47a1.82 1.82 0 0 1-1.468-2.896l.358-.487c.31-.423.478-.934.478-1.459v-.696Zm1.2 0c0-.058.001-.115.004-.172l4.51 4.509H4.47a.62.62 0 0 1-.5-.986l.358-.488c.46-.629.71-1.388.71-2.168v-.696ZM11.53 10.4h-.281L5.432 4.584a2.963 2.963 0 0 1 5.53 1.479v.695c0 .78.25 1.54.71 2.168l.358.488a.62.62 0 0 1-.5.986ZM8 14.35c.468 0 .927-.111 1.35-.323a3.46 3.46 0 0 0 1.112-.894l-.924-.766a2.26 2.26 0 0 1-.724.586A1.814 1.814 0 0 1 8 13.15c-.275 0-.551-.065-.814-.197a2.26 2.26 0 0 1-.724-.586l-.924.766a3.46 3.46 0 0 0 1.111.894c.424.212.883.323 1.351.323Z"
fill={color}
/>
</Svg>
)
}
export default SvgUnmute

26
packages/icons/16/world.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgWorld = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={16}
height={16}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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="#000"
/>
</Svg>
)
}
export default SvgWorld

25
packages/icons/20/account-number.tsx Normal file
View File

@ -0,0 +1,25 @@
import { Path, Rect, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgAccountNumber = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Rect x={2.5} y={2.5} width={15} height={15} rx={3.5} stroke={color} />
<Path
d="M11.322 6v8H9.873V7.41h-.047l-1.87 1.195V7.277L9.942 6h1.38Z"
fill={color}
/>
</Svg>
)
}
export default SvgAccountNumber

26
packages/icons/20/active-member.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgActiveMember = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<Path
d="M11.25 2.5v6.25h3.25L8.75 17.5v-6.25H5.5l5.75-8.75Z"
stroke={color}
strokeWidth={1.3}
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgActiveMember

26
packages/icons/20/activity-center.tsx Normal file
View File

@ -0,0 +1,26 @@
import { Path, Svg } from 'react-native-svg'
import { useCurrentColor } from 'tamagui'
import type { SvgProps } from 'react-native-svg'
const SvgActivityCenter = (props: SvgProps) => {
const { color: colorToken = 'currentColor', ...rest } = props
const color = useCurrentColor(colorToken)
return (
<Svg
width={20}
height={20}
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...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"
stroke={color}
strokeWidth={1.3}
strokeLinejoin="round"
/>
</Svg>
)
}
export default SvgActivityCenter

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