const MoonIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="12"
      height="12"
      viewBox="0 0 12 12"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <path
        d="M6.68812 9.12309C7.08755 9.12309 7.47411 9.06076 7.8478 8.9361C8.22119 8.81172 8.56322 8.63213 8.87389 8.39732C8.44487 8.2479 7.99189 8.00768 7.51494 7.67667C7.03769 7.34595 6.61785 6.93155 6.2554 6.43347C5.89295 5.93539 5.62859 5.3572 5.46231 4.69888C5.29573 4.04085 5.30121 3.30981 5.47873 2.50578C4.79082 2.74058 4.22866 3.14787 3.79225 3.72763C3.35583 4.30768 3.13762 4.9677 3.13762 5.7077C3.13762 6.65405 3.4835 7.45994 4.17526 8.12537C4.86671 8.79051 5.70433 9.12309 6.68812 9.12309ZM6.68812 9.97694C6.07418 9.97694 5.49722 9.8648 4.95725 9.64052C4.41728 9.41653 3.94758 9.11242 3.54815 8.72818C3.14872 8.34395 2.83258 7.89213 2.59972 7.3727C2.36657 6.85328 2.25 6.29828 2.25 5.7077C2.25 4.66174 2.59203 3.7403 3.27609 2.94337C3.96045 2.14645 4.87589 1.6626 6.0224 1.49183C6.23691 1.45626 6.39047 1.50421 6.48308 1.63571C6.57539 1.76748 6.58086 1.9401 6.4995 2.15356C6.27759 2.75126 6.19992 3.35422 6.2665 3.96244C6.33307 4.57095 6.51429 5.13135 6.81017 5.64366C7.10604 6.15597 7.5037 6.59883 8.00313 6.97225C8.50227 7.34595 9.07361 7.60039 9.71713 7.73559C9.95383 7.7854 10.1035 7.88145 10.1663 8.02376C10.2293 8.16607 10.1905 8.31549 10.05 8.47203C9.64316 8.93453 9.1495 9.30097 8.56899 9.57136C7.98819 9.84174 7.36123 9.97694 6.68812 9.97694Z"
        fill="currentColor"
      />
    </svg>
  );
};

export { MoonIcon };