Hover the icon or press Play. Suggested motion: rock. Pick another to preview it and update the animated code:

Icons8 Line Awesome · LiaCloudMoonSolid

Cloud Moon Solid icon

A free cloud moon solid icon from Icons8 Line Awesome, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asstorage icon weather icon sync icon upload icon saas icon rain icon snow icon storm icon

License: MIT license
Project: icons8.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/cloud-moon-solid.json

components/icons/line-awesome-cloud-moon-solid.tsx

import * as React from "react";

/**
 * Cloud Moon Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/cloud-moon-solid. Sized in em, colored by currentColor.
 */
export function LiaCloudMoonSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 10.40625 5.9375 L 8.75 5.96875 C 5.007813 6.105469 2 9.195313 2 12.96875 C 2 15.199219 3.054688 17.183594 4.6875 18.46875 C 4.253906 19.210938 4 20.082031 4 21 C 4 23.757813 6.242188 26 9 26 L 25 26 C 27.757813 26 30 23.757813 30 21 C 30 18.980469 28.789063 17.179688 26.96875 16.40625 C 26.6875 13.988281 24.65625 12.097656 22.1875 12 C 21.125 10.152344 19.164063 9 17 9 C 14.683594 9 12.617188 10.339844 11.625 12.34375 C 10.296875 11.796875 9.34375 10.507813 9.34375 8.96875 C 9.34375 8.410156 9.460938 7.886719 9.6875 7.40625 Z M 7.5 8.3125 C 7.472656 8.542969 7.34375 8.730469 7.34375 8.96875 C 7.34375 10.921875 8.332031 12.632813 9.84375 13.65625 C 8.996094 14.210938 8.332031 15.078125 8.09375 16.09375 C 7.324219 16.234375 6.632813 16.554688 6.03125 17 C 4.804688 16.085938 4 14.621094 4 12.96875 C 4 10.730469 5.484375 8.957031 7.5 8.3125 Z M 17 11 C 18.605469 11 20.054688 11.960938 20.6875 13.4375 L 20.96875 14.125 L 21.875 14.03125 C 21.917969 14.023438 21.953125 14 22 14 C 23.652344 14 24.996094 15.351563 25 16.9375 L 24.96875 17.90625 L 25.75 18.09375 C 27.082031 18.433594 28 19.636719 28 21 C 28 22.652344 26.652344 24 25 24 L 9 24 C 7.347656 24 6 22.652344 6 21 C 6 19.347656 7.347656 18 9 18 L 10 18 L 10 17 C 10 15.898438 10.894531 15.003906 11.90625 15 L 12.90625 15.0625 L 13.09375 14.21875 C 13.46875 12.359375 15.101563 11 17 11 Z"
      />
    </svg>
  );
}

With react-icons

import { LiaCloudMoonSolid } from "react-icons/lia";

export function Example() {
  return <LiaCloudMoonSolid className="size-5" />;
}

cloud-moon-solid.svg

<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 10.40625 5.9375 L 8.75 5.96875 C 5.007813 6.105469 2 9.195313 2 12.96875 C 2 15.199219 3.054688 17.183594 4.6875 18.46875 C 4.253906 19.210938 4 20.082031 4 21 C 4 23.757813 6.242188 26 9 26 L 25 26 C 27.757813 26 30 23.757813 30 21 C 30 18.980469 28.789063 17.179688 26.96875 16.40625 C 26.6875 13.988281 24.65625 12.097656 22.1875 12 C 21.125 10.152344 19.164063 9 17 9 C 14.683594 9 12.617188 10.339844 11.625 12.34375 C 10.296875 11.796875 9.34375 10.507813 9.34375 8.96875 C 9.34375 8.410156 9.460938 7.886719 9.6875 7.40625 Z M 7.5 8.3125 C 7.472656 8.542969 7.34375 8.730469 7.34375 8.96875 C 7.34375 10.921875 8.332031 12.632813 9.84375 13.65625 C 8.996094 14.210938 8.332031 15.078125 8.09375 16.09375 C 7.324219 16.234375 6.632813 16.554688 6.03125 17 C 4.804688 16.085938 4 14.621094 4 12.96875 C 4 10.730469 5.484375 8.957031 7.5 8.3125 Z M 17 11 C 18.605469 11 20.054688 11.960938 20.6875 13.4375 L 20.96875 14.125 L 21.875 14.03125 C 21.917969 14.023438 21.953125 14 22 14 C 23.652344 14 24.996094 15.351563 25 16.9375 L 24.96875 17.90625 L 25.75 18.09375 C 27.082031 18.433594 28 19.636719 28 21 C 28 22.652344 26.652344 24 25 24 L 9 24 C 7.347656 24 6 22.652344 6 21 C 6 19.347656 7.347656 18 9 18 L 10 18 L 10 17 C 10 15.898438 10.894531 15.003906 11.90625 15 L 12.90625 15.0625 L 13.09375 14.21875 C 13.46875 12.359375 15.101563 11 17 11 Z"
  />
</svg>

Attribution

"Cloud Moon Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: storage, weather, sync, upload

Similar Icons8 Line Awesome icons