import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgLegend = (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="M2.004 11.999a2 2 0 1 1 0 4 2 2 0 0 1 0-4m13.333 1.333a.667.667 0 0 1 .078 1.329l-.078.004h-8a.667.667 0 0 1-.077-1.329l.077-.004zm-12-7.333c.369 0 .667.298.667.666v2.667a.667.667 0 0 1-.667.667H.671a.667.667 0 0 1-.667-.667V6.665C.004 6.297.302 6 .671 6zm12 1.333a.667.667 0 0 1 .078 1.329l-.078.004h-8a.667.667 0 0 1-.077-1.329l.077-.004zM2.322.076a.66.66 0 0 1 .28.281L3.95 2.922a.667.667 0 0 1-.59.977H.666a.667.667 0 0 1-.59-.977L1.421.357a.667.667 0 0 1 .9-.28m13.015 1.256a.667.667 0 0 1 .078 1.329l-.078.004h-8a.667.667 0 0 1-.077-1.329l.077-.004z"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgLegend), 'Legend')