Files
flashcards-example-project/src/assets/icons/close.tsx

39 lines
951 B
TypeScript

import { Ref, SVGProps, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
<svg
fill={'none'}
height={'24'}
ref={ref}
viewBox={'0 0 24 24'}
width={'24'}
xmlns={'http://www.w3.org/2000/svg'}
{...props}
>
<svg
fill={'none'}
height={'24'}
viewBox={'0 0 24 24'}
width={'24'}
xmlns={'http://www.w3.org/2000/svg'}
>
<g clipPath={'url(#clip0_9883_2381)'}>
<path
d={
'M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z'
}
fill={'white'}
/>
</g>
<defs>
<clipPath id={'clip0_9883_2381'}>
<rect fill={'white'} height={'24'} width={'24'} />
</clipPath>
</defs>
</svg>
</svg>
)
const ForwardRef = forwardRef(SvgComponent)
export default memo(ForwardRef)