import React from 'react';

const CloudIcon: React.FC<{ fill?: string }> = ({ fill }) => {
  return (
    <svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M8.49346 12.6799C3.05346 13.0666 3.06679 20.9466 8.49346 21.3332H21.3735C22.9335 21.3466 24.4401 20.7599 25.6001 19.7066C29.4135 16.3733 27.3735 9.70654 22.3468 9.06654C20.5468 -1.78679 4.8268 2.33324 8.5468 12.6799"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M16 21.333V25.333"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M15.9999 30.6663C17.4727 30.6663 18.6666 29.4724 18.6666 27.9997C18.6666 26.5269 17.4727 25.333 15.9999 25.333C14.5272 25.333 13.3333 26.5269 13.3333 27.9997C13.3333 29.4724 14.5272 30.6663 15.9999 30.6663Z"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M24.0001 28H18.6667"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M13.3333 28H8"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeMiterlimit="10"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export default CloudIcon;