import { colorVariants } from '../colorVariants'

import type { NucleoIconProps } from '../../icon'

function Hairdresser1(props: NucleoIconProps) {
  const fill = props.color ? colorVariants[props.color] : 'currentColor'
  const strokewidth = props.strokewidth || 2
  const width = props.size || '1em'
  const height = props.size || '1em'

  return (
    <svg
      height={height}
      width={width}
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill={fill}
        strokeLinecap="round"
        strokeLinejoin="round"
        transform="translate(0.25 0.25)"
      >
        <line
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
          x1="16"
          x2="19"
          y1="5"
          y2="5"
        />
        <line
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
          x1="16"
          x2="19"
          y1="9"
          y2="9"
        />
        <line
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
          x1="12"
          x2="6"
          y1="1"
          y2="18"
        />
        <line
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
          x1="4"
          x2="10"
          y1="1"
          y2="18"
        />
        <path
          d="M16,13h.79a2,2,0,0,1,1.99,2.2L18,23h5V3a2,2,0,0,0-2-2H16"
          fill="none"
          stroke={fill}
          strokeWidth={strokewidth}
        />
        <rect
          height="7"
          width="5"
          fill="none"
          rx="2.5"
          stroke={fill}
          strokeWidth={strokewidth}
          x="1"
          y="16"
        />
        <rect
          height="7"
          width="5"
          fill="none"
          rx="2.5"
          stroke={fill}
          strokeWidth={strokewidth}
          transform="translate(25 39) rotate(180)"
          x="10"
          y="16"
        />
      </g>
    </svg>
  )
}

export default Hairdresser1
