37 lines
970 B
TypeScript
37 lines
970 B
TypeScript
import { CSSProperties } from 'react'
|
|
|
|
const Square = ({
|
|
className,
|
|
fill,
|
|
style
|
|
}: {
|
|
className?: string
|
|
fill?: string
|
|
style?: CSSProperties
|
|
}) => {
|
|
return (
|
|
<svg
|
|
className={className}
|
|
viewBox="0 0 45 42"
|
|
style={style}
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g opacity=".9" fill={fill || 'var(--color-white)'}>
|
|
<path opacity=".2" d="M.343.241h14.729v13.895H.343z" />
|
|
<path opacity=".5" d="M15.07.241h14.729v13.895H15.07z" />
|
|
<path d="M29.803.241h14.729v13.895H29.803z" />
|
|
<path opacity=".5" d="M.343 14.135h14.729V28.03H.343z" />
|
|
<path d="M.343 28.031h14.729v13.895H.343zM15.07 14.135h14.729V28.03H15.07z" />
|
|
<path
|
|
opacity=".5"
|
|
d="M15.07 28.031h14.729v13.895H15.07zM29.803 14.135h14.729V28.03H29.803z"
|
|
/>
|
|
<path opacity=".2" d="M29.803 28.031h14.729v13.895H29.803z" />
|
|
</g>
|
|
</svg>
|
|
)
|
|
}
|
|
|
|
export default Square
|