import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgBoards = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
    <svg
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M11.767 14.663V3.3h2.896l.002 11.363zm-8.467 0h2.896V3.3H3.3zm4.234 0h2.896V3.3H7.534zM1.337 12.7V1.337H12.7v.626H3.3c-.737 0-1.337.6-1.337 1.337v9.4zM14.663 1.963h-.626v-.626C14.037.599 13.437 0 12.7 0H1.337C.6 0 0 .599 0 1.337v11.362c0 .738.6 1.338 1.337 1.338h.626v.626c0 .737.6 1.337 1.337 1.337h11.363c.738 0 1.337-.6 1.337-1.337V3.3c0-.737-.599-1.337-1.337-1.337"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgBoards), 'Boards')
