import * as React from "react";
import type { SVGProps } from "react";
const SvgCloudyMoon = (props: SVGProps<SVGSVGElement>) => {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}
      fill="none"
      accessibilityRole="img"
      className={props.className ? props.className + " h-6 w-6" : "h-6 w-6"}
    >
      <path
        fill="currentColor"
        d="m21.067 11.857-.642-.388.642.388ZM15.5 14.25a.75.75 0 0 0 0 1.5v-1.5ZM8.25 8.5a.75.75 0 0 0 1.5 0h-1.5Zm3.893-5.567-.388-.642.388.642Zm-10.4 12.292a.75.75 0 1 0 1.43-.45l-1.43.45Zm14.882 4.788a.75.75 0 1 0 .75 1.298l-.75-1.298ZM2.75 12A9.25 9.25 0 0 1 12 2.75v-1.5C6.063 1.25 1.25 6.063 1.25 12h1.5Zm17.675-.531A5.746 5.746 0 0 1 15.5 14.25v1.5a7.247 7.247 0 0 0 6.21-3.505l-1.285-.776ZM9.75 8.5a5.747 5.747 0 0 1 2.781-4.925l-.776-1.284A7.246 7.246 0 0 0 8.25 8.5h1.5Zm-6.577 6.275A9.246 9.246 0 0 1 2.75 12h-1.5c0 1.122.172 2.206.492 3.225l1.431-.45ZM21.25 12a9.246 9.246 0 0 1-4.625 8.013l.75 1.298A10.746 10.746 0 0 0 22.75 12h-1.5ZM12 2.75a.384.384 0 0 1-.268-.118.285.285 0 0 1-.082-.155c-.004-.031-.002-.121.105-.186l.776 1.284c.503-.304.665-.861.606-1.299-.062-.455-.42-1.026-1.137-1.026v1.5Zm9.71 9.495c-.066.107-.156.109-.187.105a.285.285 0 0 1-.155-.082.384.384 0 0 1-.118-.268h1.5c0-.717-.571-1.075-1.026-1.137-.438-.059-.995.103-1.299.606l1.284.776Z"
      />
      <path
        stroke="currentColor"
        strokeLinecap="round"
        strokeWidth={1.5}
        d="M10.048 15.142c.387-.13.804-.2 1.238-.2.425 0 .834.067 1.215.192m-7.175 1.622a2.949 2.949 0 0 0-.54-.05C3.247 16.706 2 17.89 2 19.353 2 20.815 3.247 22 4.786 22h6.5C13.337 22 15 20.42 15 18.47c0-1.544-1.045-2.857-2.5-3.336m-7.174 1.622a3.366 3.366 0 0 1-.23-1.227C5.095 13.58 6.757 12 8.81 12c1.91 0 3.484 1.371 3.69 3.134m-7.174 1.622c.366.068.707.205 1.007.396"
      />
    </svg>
  );
};
export default SvgCloudyMoon;
