dappconnect-sdks/packages/icons/reactions/thumbs-up-icon.tsx

68 lines
2.2 KiB
TypeScript
Raw Normal View History

2023-03-13 20:47:52 +00:00
import { useTheme } from '@tamagui/core'
import {
Defs,
LinearGradient,
Path,
RadialGradient,
Stop,
Svg,
} from 'react-native-svg'
2023-03-13 20:47:52 +00:00
import type { IconProps } from '../types'
2023-03-13 20:47:52 +00:00
const SvgThumbsUpIcon = (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"
{...props}
>
<Path
d="M5.874 15.217c-.053.426-.455.724-.866.602-3.807-1.128-5.72-5.29-3.676-8.76a.477.477 0 0 1 .545-.209l.846.242c.292.083.44.407.374.703-.479 2.111 1.076 5.075 2.597 6.03.188.118.313.327.285.548l-.105.844Z"
2023-01-23 13:03:08 +00:00
fill="url(#thumbs-up-icon_svg__a)"
/>
<Path
d="M12 1.75c0-1-.75-1.75-2-1.75-1 0-1.5.784-1.5 1.75 0 .582.25 1 .25 1.695C8.75 5 8 5.75 7 6.25S4 6.75 4 9c0 2.75 2.75 5.5 6 5.5s6-2.5 6-6c0-2.793-1.734-4.286-4.192-3.066-.292.144-.657.012-.661-.313-.007-.54.173-1.08.353-1.621.25-.75.5-1.25.5-1.75Z"
fill="#FFD764"
/>
<Path
d="M12 1.75c0-1-.75-1.75-2-1.75-1 0-1.5.784-1.5 1.75 0 .582.25 1 .25 1.695C8.75 5 8 5.75 7 6.25S4 6.75 4 9c0 2.75 2.75 5.5 6 5.5s6-2.5 6-6c0-2.793-1.734-4.286-4.192-3.066-.292.144-.657.012-.661-.313-.007-.54.173-1.08.353-1.621.25-.75.5-1.25.5-1.75Z"
2023-01-23 13:03:08 +00:00
fill="url(#thumbs-up-icon_svg__b)"
/>
<Defs>
<RadialGradient
2023-01-23 13:03:08 +00:00
id="thumbs-up-icon_svg__b"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-4.25003 7.49998 -8.72456 -4.94396 11 6)"
>
<Stop stopColor="#FFD764" />
<Stop offset={1} stopColor="#FFB746" />
</RadialGradient>
<LinearGradient
2023-01-23 13:03:08 +00:00
id="thumbs-up-icon_svg__a"
x1={3.242}
y1={6.831}
x2={3.242}
y2={15.847}
gradientUnits="userSpaceOnUse"
>
<Stop stopColor="#6BC2FF" />
<Stop offset={1} stopColor="#2196E8" />
</LinearGradient>
</Defs>
</Svg>
)
}
2023-01-23 13:03:08 +00:00
export default SvgThumbsUpIcon