import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgGroupBy = (
    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="M4.333 12c.552 0 1 .449 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2c0-.551.449-1 1-1zM4 13.333H2.667v1.334H4zm10-.003a.667.667 0 0 1 0 1.333H8a.667.667 0 0 1 0-1.333zM4.333 6c.552 0 1 .449 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7c0-.551.449-1 1-1zM4 7.333H2.667v1.334H4zm10-.003a.667.667 0 0 1 0 1.333H8A.667.667 0 0 1 8 7.33zM13.334 0a2.67 2.67 0 0 1 2.661 2.498l.005.169V4a.67.67 0 0 1-.568.66l-.098.007H.667a.67.67 0 0 1-.66-.568L0 4V2.667A2.67 2.67 0 0 1 2.5.005L2.667 0zm0 1.333H2.667c-.692 0-1.263.53-1.327 1.205l-.006.129v.666h13.333v-.666c0-.736-.598-1.334-1.333-1.334"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgGroupBy), 'GroupBy')
