import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgArrange = (
    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="M7.68.081a.67.67 0 0 1 .64 0l7.333 4a.667.667 0 0 1 0 1.17l-7.334 4a.67.67 0 0 1-.638 0l-7.333-4a.667.667 0 0 1 0-1.17zM2.06 4.667 8 7.907l5.941-3.24-5.94-3.24z"
            fill="currentColor"
        />
        <path
            d="M.082 7.68a.667.667 0 0 1 .904-.265L8 11.24l7.014-3.826a.667.667 0 1 1 .639 1.17l-7.334 4a.67.67 0 0 1-.638 0l-7.333-4a.667.667 0 0 1-.266-.904"
            fill="currentColor"
        />
        <path
            d="M.986 10.748a.667.667 0 0 0-.638 1.17l7.333 4c.199.11.44.11.638 0l7.334-4a.667.667 0 0 0-.639-1.17L8 14.574z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgArrange), 'Arrange')
