38 lines
2.5 KiB
TypeScript
38 lines
2.5 KiB
TypeScript
import { useTheme } from '@tamagui/core'
|
|
import { ClipPath, Defs, G, Path, Svg } from 'react-native-svg'
|
|
|
|
import type { IconProps } from '../types'
|
|
|
|
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"
|
|
{...props}
|
|
>
|
|
<G clipPath="url(#pick-icon_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-icon_svg__a">
|
|
<Path fill="#fff" d="M0 0h12v12H0z" />
|
|
</ClipPath>
|
|
</Defs>
|
|
</Svg>
|
|
)
|
|
}
|
|
export default SvgPickIcon
|