import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgViewList = (
    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="M1 4h2a1 1 0 0 0 1-1V1c0-.551-.449-1-1-1H1C.449 0 0 .449 0 1v2a1 1 0 0 0 1 1m1.667-1.333H1.333V1.333h1.334z"
            fill="currentColor"
        />
        <path
            d="M6.667 2.667h8.666a.667.667 0 0 0 0-1.333H6.667a.667.667 0 0 0 0 1.333m8.666 12H6.667a.667.667 0 0 1 0-1.333h8.666a.667.667 0 0 1 0 1.333m-8.666-6h8.666a.667.667 0 0 0 0-1.333H6.667a.667.667 0 0 0 0 1.333"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M3 16H1a1 1 0 0 1-1-1v-2c0-.551.449-1 1-1h2c.551 0 1 .449 1 1v2a1 1 0 0 1-1 1m-1.667-1.333h1.334v-1.334H1.333zM1 10h2a1 1 0 0 0 1-1V7c0-.551-.449-1-1-1H1c-.551 0-1 .449-1 1v2a1 1 0 0 0 1 1m1.667-1.333H1.333V7.333h1.334z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgViewList), 'ViewList')