import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgUngroup = (
    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="M14 8a.667.667 0 0 0-.667.667H10V8a.667.667 0 0 0 .667-.667V6A.667.667 0 0 0 10 5.333H8.667A.667.667 0 0 0 8 6h-.667V2.667A.667.667 0 0 0 8 2h5.333c0 .368.299.667.667.667zM2.667 14A.667.667 0 0 0 2 13.333V8a.667.667 0 0 0 .667-.667H8c0 .368.299.667.667.667v5.333A.667.667 0 0 0 8 14zM15.333 0H14a.667.667 0 0 0-.667.667H8A.667.667 0 0 0 7.333 0H6a.667.667 0 0 0-.667.667V2c0 .368.299.667.667.667V6H2.667A.667.667 0 0 0 2 5.333H.667A.667.667 0 0 0 0 6v1.333C0 7.701.299 8 .667 8v5.333A.667.667 0 0 0 0 14v1.333c0 .368.299.667.667.667H2a.667.667 0 0 0 .667-.667H8c0 .368.299.667.667.667H10a.667.667 0 0 0 .667-.667V14a.667.667 0 0 0-.667-.667V10h3.333c0 .368.299.667.667.667h1.333A.667.667 0 0 0 16 10V8.667A.667.667 0 0 0 15.333 8V2.667A.667.667 0 0 0 16 2V.667A.667.667 0 0 0 15.333 0"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgUngroup), 'Ungroup')
