cloud.tsx

import React from "react";

interface CloudIconProps {
  className?: string;
}

const DEFAULT_CLASSNAME = "text-icon";

const CloudIcon = ({ className }: CloudIconProps) => {
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={[DEFAULT_CLASSNAME, className].filter(Boolean).join(" ")}
    >
      <g clipPath="url(#clip0_6481_45665)">
        <path
          d="M12.5002 3.125C11.2234 3.12598 9.97202 3.48214 8.88606 4.15364C7.80009 4.82514 6.92234 5.78551 6.35098 6.92734C5.67126 6.82821 4.9784 6.8702 4.31563 7.05069C3.65285 7.23117 3.03438 7.54629 2.49878 7.97638C1.96318 8.40647 1.52194 8.94231 1.20259 9.55047C0.883245 10.1586 0.692634 10.8261 0.64265 11.5112C0.592666 12.1963 0.684381 12.8843 0.912074 13.5324C1.13977 14.1804 1.49855 14.7747 1.96606 15.2779C2.43356 15.7812 2.99975 16.1828 3.6293 16.4575C4.25886 16.7323 4.93828 16.8744 5.6252 16.875H12.5002C14.3236 16.875 16.0722 16.1507 17.3616 14.8614C18.6509 13.572 19.3752 11.8234 19.3752 10C19.3752 8.17664 18.6509 6.42795 17.3616 5.13864C16.0722 3.84933 14.3236 3.125 12.5002 3.125ZM12.5002 15.625H5.6252C4.63063 15.625 3.67681 15.2299 2.97354 14.5267C2.27028 13.8234 1.8752 12.8696 1.8752 11.875C1.8752 10.8804 2.27028 9.92661 2.97354 9.22335C3.67681 8.52009 4.63063 8.125 5.6252 8.125C5.71113 8.125 5.79707 8.125 5.88223 8.13359C5.71131 8.74099 5.62482 9.36902 5.6252 10C5.6252 10.1658 5.69104 10.3247 5.80825 10.4419C5.92546 10.5592 6.08443 10.625 6.2502 10.625C6.41596 10.625 6.57493 10.5592 6.69214 10.4419C6.80935 10.3247 6.8752 10.1658 6.8752 10C6.8752 8.88748 7.2051 7.79994 7.82318 6.87492C8.44126 5.94989 9.31977 5.22892 10.3476 4.80318C11.3754 4.37743 12.5064 4.26604 13.5976 4.48308C14.6887 4.70012 15.691 5.23585 16.4777 6.02252C17.2643 6.80919 17.8001 7.81147 18.0171 8.90262C18.2342 9.99376 18.1228 11.1248 17.697 12.1526C17.2713 13.1804 16.5503 14.0589 15.6253 14.677C14.7003 15.2951 13.6127 15.625 12.5002 15.625Z"
          fill="currentColor"
        />
      </g>
      <defs>
        <clipPath id="clip0_6481_45665">
          <rect width="20" height="20" fill="currentColor" />
        </clipPath>
      </defs>
    </svg>
  );
};

export default CloudIcon;