status-web/packages/icons/reactions/laugh-icon.tsx

58 lines
2.2 KiB
TypeScript
Raw Normal View History

2023-03-13 20:47:52 +00:00
import { useTheme } from '@tamagui/core'
import { Circle, Defs, 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 SvgLaughIcon = (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}
>
<Circle cx={8} cy={8} r={8} fill="#FFD764" />
2023-01-23 13:03:08 +00:00
<Circle cx={8} cy={8} r={8} fill="url(#laugh-icon_svg__a)" />
<Path
d="M12.5 9.75c0 2.21-2.5 3.75-4.5 3.75s-4.5-1.54-4.5-3.75c0-1 2.25-1.5 4.5-1.5s4.5.5 4.5 1.5Z"
fill="#772622"
/>
<Path
d="M10.68 9.375C10.238 9.226 9.345 9 8 9s-2.239.226-2.68.375c-.18.06-.25.263-.166.434a.345.345 0 0 0 .309.191h5.074c.13 0 .25-.074.308-.191.086-.17.015-.374-.166-.434Z"
fill="#fff"
/>
<Path
d="M9.472 11.886a.298.298 0 0 1-.022.535A3.403 3.403 0 0 1 8 12.75a3.403 3.403 0 0 1-1.45-.329.298.298 0 0 1-.022-.535A2.986 2.986 0 0 1 8 11.5c.535 0 1.037.14 1.472.386Z"
fill="#E45852"
/>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M4.101 4.657a.438.438 0 0 1 .617-.056l1.5 1.25a.438.438 0 0 1-.28.774c-.694 0-1.704.225-2.268.577a.438.438 0 0 1-.464-.742c.385-.24.89-.423 1.4-.543.103-.024.136-.156.055-.224l-.504-.42a.438.438 0 0 1-.056-.616ZM11.899 4.657a.437.437 0 0 0-.617-.056l-1.5 1.25a.438.438 0 0 0 .28.774c.694 0 1.705.225 2.269.577a.438.438 0 0 0 .463-.742c-.385-.24-.89-.423-1.4-.543-.103-.024-.136-.156-.055-.224l.503-.42a.438.438 0 0 0 .056-.616Z"
fill="#424242"
/>
<Defs>
<RadialGradient
2023-01-23 13:03:08 +00:00
id="laugh-icon_svg__a"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="rotate(124.563 4.521 4.45) scale(13.6611 17.7349)"
>
<Stop stopColor="#FFD764" />
<Stop offset={1} stopColor="#FFB746" />
</RadialGradient>
</Defs>
</Svg>
)
}
2023-01-23 13:03:08 +00:00
export default SvgLaughIcon