Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaCloudRainSolid

Cloud Rain Solid icon

A free cloud rain 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 iconweather iconsync iconupload iconsaas iconsnow iconstorm iconforecast 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-rain-solid.json
components/icons/line-awesome-cloud-rain-solid.tsx
import * as React from "react";

/**
 * Cloud Rain Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/cloud-rain-solid. Sized in em, colored by currentColor.
 */
export function LiaCloudRainSolidIcon(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 16 4 C 12.773438 4 9.972656 6.257813 9.21875 9.34375 C 7.972656 9.828125 6.9375 10.8125 6.40625 12.03125 C 2.910156 11.773438 0 14.554688 0 18 C 0 21.308594 2.691406 24 6 24 L 8 24 L 9 22 L 6 22 C 3.792969 22 2 20.207031 2 18 C 2 15.792969 3.792969 14 6 14 C 6.277344 14 6.558594 14.023438 6.875 14.09375 L 7.875 14.3125 L 8.0625 13.34375 C 8.308594 12.238281 9.207031 11.359375 10.3125 11.09375 L 10.96875 10.9375 L 11.0625 10.28125 C 11.421875 7.847656 13.542969 6 16 6 C 17.894531 6 19.613281 7.054688 20.46875 8.75 L 20.84375 9.53125 L 21.6875 9.25 C 22.15625 9.085938 22.582031 9 23 9 C 25.207031 9 27 10.792969 27 13 C 27 13.039063 27.003906 13.089844 27 13.125 C 26.992188 13.191406 26.976563 13.242188 26.96875 13.3125 L 26.90625 14.03125 L 27.5625 14.3125 C 29.039063 14.941406 30 16.394531 30 18 C 30 20.207031 28.207031 22 26 22 L 24 22 L 25 24 L 26 24 C 29.308594 24 32 21.308594 32 18 C 32 15.835938 30.84375 13.875 29 12.8125 C 28.894531 9.59375 26.242188 7 23 7 C 22.609375 7 22.207031 7.039063 21.8125 7.125 C 20.523438 5.179688 18.371094 4 16 4 Z M 18 14 C 18 14 16 16.894531 16 18 C 16 19.105469 16.894531 20 18 20 C 19.105469 20 20 19.105469 20 18 C 20 16.894531 18 14 18 14 Z M 13 19 C 13 19 11 21.894531 11 23 C 11 24.105469 11.894531 25 13 25 C 14.105469 25 15 24.105469 15 23 C 15 21.894531 13 19 13 19 Z M 21 22 C 21 22 19 24.894531 19 26 C 19 27.105469 19.894531 28 21 28 C 22.105469 28 23 27.105469 23 26 C 23 24.894531 21 22 21 22 Z"
      />
    </svg>
  );
}
With react-icons
import { LiaCloudRainSolid } from "react-icons/lia";

export function Example() {
  return <LiaCloudRainSolid className="size-5" />;
}
cloud-rain-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 16 4 C 12.773438 4 9.972656 6.257813 9.21875 9.34375 C 7.972656 9.828125 6.9375 10.8125 6.40625 12.03125 C 2.910156 11.773438 0 14.554688 0 18 C 0 21.308594 2.691406 24 6 24 L 8 24 L 9 22 L 6 22 C 3.792969 22 2 20.207031 2 18 C 2 15.792969 3.792969 14 6 14 C 6.277344 14 6.558594 14.023438 6.875 14.09375 L 7.875 14.3125 L 8.0625 13.34375 C 8.308594 12.238281 9.207031 11.359375 10.3125 11.09375 L 10.96875 10.9375 L 11.0625 10.28125 C 11.421875 7.847656 13.542969 6 16 6 C 17.894531 6 19.613281 7.054688 20.46875 8.75 L 20.84375 9.53125 L 21.6875 9.25 C 22.15625 9.085938 22.582031 9 23 9 C 25.207031 9 27 10.792969 27 13 C 27 13.039063 27.003906 13.089844 27 13.125 C 26.992188 13.191406 26.976563 13.242188 26.96875 13.3125 L 26.90625 14.03125 L 27.5625 14.3125 C 29.039063 14.941406 30 16.394531 30 18 C 30 20.207031 28.207031 22 26 22 L 24 22 L 25 24 L 26 24 C 29.308594 24 32 21.308594 32 18 C 32 15.835938 30.84375 13.875 29 12.8125 C 28.894531 9.59375 26.242188 7 23 7 C 22.609375 7 22.207031 7.039063 21.8125 7.125 C 20.523438 5.179688 18.371094 4 16 4 Z M 18 14 C 18 14 16 16.894531 16 18 C 16 19.105469 16.894531 20 18 20 C 19.105469 20 20 19.105469 20 18 C 20 16.894531 18 14 18 14 Z M 13 19 C 13 19 11 21.894531 11 23 C 11 24.105469 11.894531 25 13 25 C 14.105469 25 15 24.105469 15 23 C 15 21.894531 13 19 13 19 Z M 21 22 C 21 22 19 24.894531 19 26 C 19 27.105469 19.894531 28 21 28 C 22.105469 28 23 27.105469 23 26 C 23 24.894531 21 22 21 22 Z"
  />
</svg>
Attribution
"Cloud Rain Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: storage, weather, sync, upload