import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgUserAdd = (
    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 11.333c2.208 0 4 1.792 4 4a.667.667 0 0 1-1.333 0A2.67 2.67 0 0 0 8 12.667H4a2.67 2.67 0 0 0-2.667 2.666.667.667 0 1 1-1.333 0c0-2.208 1.792-4 4-4z"
            fill="currentColor"
        />
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M6 4a3.333 3.333 0 1 1 0 6.667A3.333 3.333 0 0 1 6 4m0 1.333a2 2 0 1 0 0 4 2 2 0 0 0 0-4"
            fill="currentColor"
        />
        <path
            d="M12.667 0c.368 0 .666.298.666.667v2h2a.667.667 0 1 1 0 1.333h-2v2A.667.667 0 1 1 12 6V4h-2a.667.667 0 0 1 0-1.333h2v-2c0-.369.299-.667.667-.667"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgUserAdd), 'UserAdd')
