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