import { iconVariants } from '../../variants'

import type { IconProps } from '../../icon'
import { getIconAriaProps } from '../../utils'

export default function IceMachineIcon({
  className,
  size = 24,
  color,
  ...props
}: IconProps) {
  const classNames = iconVariants({ className, color })
  const ariaProps = getIconAriaProps(props)

  return (
    <svg
      className={classNames}
      xmlns="http://www.w3.org/2000/svg"
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      {...props}
      {...ariaProps}
    >
      <path
        d="M12.475 15.3963H15.0231V17.9444H12.475V15.3963Z"
        fill="#57514E"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19V11H19V19H5ZM19 9H5V5H19V9Z"
        fill="#57514E"
      />
      <path
        d="M17 8C17.2833 8 17.5208 7.90417 17.7125 7.7125C17.9042 7.52083 18 7.28333 18 7C18 6.71667 17.9042 6.47917 17.7125 6.2875C17.5208 6.09583 17.2833 6 17 6C16.7167 6 16.4792 6.09583 16.2875 6.2875C16.0958 6.47917 16 6.71667 16 7C16 7.28333 16.0958 7.52083 16.2875 7.7125C16.4792 7.90417 16.7167 8 17 8Z"
        fill="#57514E"
      />
      <path
        d="M9.41882 11.9384H11.9669V14.4865H9.41882V11.9384Z"
        fill="#57514E"
      />
    </svg>
  )
}