import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgDock = (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
            d="M8.667 6.667c.368 0 .666.298.666.666v3.334a.667.667 0 1 1-1.333 0V8.943l-4.195 4.195a.666.666 0 1 1-.943-.943L7.057 8H5.333a.667.667 0 0 1 0-1.333z"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M14.848 0C15.483 0 16 .517 16 1.152v9.696c0 .635-.517 1.152-1.152 1.152H12v2.667c0 .736-.597 1.333-1.333 1.333H1.333A1.333 1.333 0 0 1 0 14.667V5.333C0 4.597.597 4 1.333 4H4V1.152C4 .517 4.517 0 5.152 0zM1.333 14.667h9.334V5.333H1.333zM5.333 4h5.334C11.403 4 12 4.597 12 5.333v5.334h2.667V1.333H5.333z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgDock), 'Dock')
