import type { NucleoIconProps } from "../../icon"
import { getNucleoIconProps } from "../utils"

function Chips3(props: NucleoIconProps) {
  const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)

  return (
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" {...iconProps}>
      <g
        fill={fill}
        strokeLinecap="round"
        strokeLinejoin="round"
        transform="translate(0.25 0.25)"
      >
        <polyline
          fill="none"
          points="4,9 4,3 8,3 "
          stroke={fill}
          strokeWidth={strokeWidth}
        />
        <polyline
          fill="none"
          points="16,9 16,2 20,2 20,9 "
          stroke={fill}
          strokeWidth={strokeWidth}
        />
        <polyline
          fill="none"
          points="8,9 8,1 12,1 12,9 "
          stroke={fill}
          strokeWidth={strokeWidth}
        />
        <line
          fill="none"
          stroke={fill}
          strokeWidth={strokeWidth}
          x1="12"
          x2="16"
          y1="5"
          y2="5"
        />
        <polygon
          fill="none"
          points="19,23 5,23 2,9 22,9 "
          stroke={fill}
          strokeWidth={strokeWidth}
        />
        <circle
          cx="12"
          cy="16"
          fill="none"
          r="3"
          stroke={fill}
          strokeWidth={strokeWidth}
        />
      </g>
    </svg>
  )
}

export default Chips3