dappconnect-sdks/packages/icons/12/trash-icon.tsx

34 lines
1.1 KiB
TypeScript
Raw Normal View History

2023-03-13 20:47:52 +00:00
import { useTheme } from '@tamagui/core'
import { ClipPath, Defs, G, Path, 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 SvgTrashIcon = (props: IconProps) => {
const { color: token = '$neutral-100' } = props
const theme = useTheme()
/* eslint-disable-next-line @typescript-eslint/ban-ts-comment */
// @ts-ignore
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const color = theme[token]?.val ?? token
return (
<Svg
width={12}
height={12}
fill="none"
xmlns="http://www.w3.org/2000/svg"
2023-03-13 20:47:52 +00:00
{...props}
>
2023-01-23 13:03:08 +00:00
<G clipPath="url(#trash-icon_svg__a)" stroke={color} strokeWidth={1.1}>
<Path d="M2.5 3.5v4.3c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C4.02 11 4.58 11 5.7 11h.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C9.5 9.48 9.5 8.92 9.5 7.8V3.5M8 3a2 2 0 1 0-4 0M5 5.5V8M7 5.5V8" />
<Path d="M1 4s2.5-1 5-1 5 1 5 1" />
</G>
<Defs>
2023-01-23 13:03:08 +00:00
<ClipPath id="trash-icon_svg__a">
<Path fill="#fff" d="M0 0h12v12H0z" />
</ClipPath>
</Defs>
</Svg>
)
}
2023-01-23 13:03:08 +00:00
export default SvgTrashIcon