cloud moon rain icon

cloud-moon-rain from Font Awesome 6 Solid by Dave Gandy · Regular · Weather · CC-BY-4.0 Attribution required.

Name
cloud-moon-rain
Set
Font Awesome 6 Solid
Style
Regular
Category
Weather
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

cloud-moon-rainFramework7 Iconscloud-moon-rainFont Awesome Solidcloud-moon-rainHuge Iconscloud-moon-rainLine Awesomecloud-moon-rainLucidecloud-moon-rainMyna UI Iconscloud-moon-rainUnicons

More weather icons from Font Awesome 6 Solid

cloud-raincloud-showers-heavypoo-stormsmogcloud-meatballcloud-mooncloud-suncloud-sun-raincloud-arrow-downcloud-arrow-upcloud-boltcloud-showers-water

Use the cloud moon rain icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M481.2 0C417 0 363.5 46.5 353.7 107.6c35.4 17.6 60.2 53.3 62.1 95.1c23.2 11 42 29.7 53.1 52.7q6 .6 12.3.6c34.9 0 66.7-13.8 89.9-36.1c5.1-4.9 6.4-12.5 3.2-18.7s-10.1-9.7-17-8.6c-4.9.8-10 1.3-15.2 1.3c-49 0-88.4-39.3-88.4-87.4c0-32.6 18-61.1 44.9-76.1c6.1-3.4 9.3-10.5 7.8-17.4S499.1 1 492.1.4c-3.6-.3-7.3-.5-10.9-.5zM367.9 383.9c44.2 0 80-35.8 80-80c0-39.3-28.4-72.1-65.8-78.7c1.2-5.6 1.9-11.3 1.9-17.2c0-44.2-35.8-80-80-80c-17 0-32.8 5.3-45.8 14.4C241.3 114.6 210.8 96 176 96c-53 0-96 43-96 96v1.3c-45.4 7.6-80 47.1-80 94.6c0 53 43 96 96 96zM85.4 420.1c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidCloudMoonRain(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M481.2 0C417 0 363.5 46.5 353.7 107.6c35.4 17.6 60.2 53.3 62.1 95.1c23.2 11 42 29.7 53.1 52.7q6 .6 12.3.6c34.9 0 66.7-13.8 89.9-36.1c5.1-4.9 6.4-12.5 3.2-18.7s-10.1-9.7-17-8.6c-4.9.8-10 1.3-15.2 1.3c-49 0-88.4-39.3-88.4-87.4c0-32.6 18-61.1 44.9-76.1c6.1-3.4 9.3-10.5 7.8-17.4S499.1 1 492.1.4c-3.6-.3-7.3-.5-10.9-.5zM367.9 383.9c44.2 0 80-35.8 80-80c0-39.3-28.4-72.1-65.8-78.7c1.2-5.6 1.9-11.3 1.9-17.2c0-44.2-35.8-80-80-80c-17 0-32.8 5.3-45.8 14.4C241.3 114.6 210.8 96 176 96c-53 0-96 43-96 96v1.3c-45.4 7.6-80 47.1-80 94.6c0 53 43 96 96 96zM85.4 420.1c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M481.2 0C417 0 363.5 46.5 353.7 107.6c35.4 17.6 60.2 53.3 62.1 95.1c23.2 11 42 29.7 53.1 52.7q6 .6 12.3.6c34.9 0 66.7-13.8 89.9-36.1c5.1-4.9 6.4-12.5 3.2-18.7s-10.1-9.7-17-8.6c-4.9.8-10 1.3-15.2 1.3c-49 0-88.4-39.3-88.4-87.4c0-32.6 18-61.1 44.9-76.1c6.1-3.4 9.3-10.5 7.8-17.4S499.1 1 492.1.4c-3.6-.3-7.3-.5-10.9-.5zM367.9 383.9c44.2 0 80-35.8 80-80c0-39.3-28.4-72.1-65.8-78.7c1.2-5.6 1.9-11.3 1.9-17.2c0-44.2-35.8-80-80-80c-17 0-32.8 5.3-45.8 14.4C241.3 114.6 210.8 96 176 96c-53 0-96 43-96 96v1.3c-45.4 7.6-80 47.1-80 94.6c0 53 43 96 96 96zM85.4 420.1c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3m96 0c-11-7.4-25.9-4.4-33.3 6.7l-32 48c-7.4 11-4.4 25.9 6.7 33.3s25.9 4.4 33.3-6.7l32-48c7.4-11 4.4-25.9-6.7-33.3"/></svg>
</template>

CSS

.icon-cloud-moon-rain {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M481.2%200C417%200%20363.5%2046.5%20353.7%20107.6c35.4%2017.6%2060.2%2053.3%2062.1%2095.1c23.2%2011%2042%2029.7%2053.1%2052.7q6%20.6%2012.3.6c34.9%200%2066.7-13.8%2089.9-36.1c5.1-4.9%206.4-12.5%203.2-18.7s-10.1-9.7-17-8.6c-4.9.8-10%201.3-15.2%201.3c-49%200-88.4-39.3-88.4-87.4c0-32.6%2018-61.1%2044.9-76.1c6.1-3.4%209.3-10.5%207.8-17.4S499.1%201%20492.1.4c-3.6-.3-7.3-.5-10.9-.5zM367.9%20383.9c44.2%200%2080-35.8%2080-80c0-39.3-28.4-72.1-65.8-78.7c1.2-5.6%201.9-11.3%201.9-17.2c0-44.2-35.8-80-80-80c-17%200-32.8%205.3-45.8%2014.4C241.3%20114.6%20210.8%2096%20176%2096c-53%200-96%2043-96%2096v1.3c-45.4%207.6-80%2047.1-80%2094.6c0%2053%2043%2096%2096%2096zM85.4%20420.1c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3m96%200c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3m96%200c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3m96%200c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M481.2%200C417%200%20363.5%2046.5%20353.7%20107.6c35.4%2017.6%2060.2%2053.3%2062.1%2095.1c23.2%2011%2042%2029.7%2053.1%2052.7q6%20.6%2012.3.6c34.9%200%2066.7-13.8%2089.9-36.1c5.1-4.9%206.4-12.5%203.2-18.7s-10.1-9.7-17-8.6c-4.9.8-10%201.3-15.2%201.3c-49%200-88.4-39.3-88.4-87.4c0-32.6%2018-61.1%2044.9-76.1c6.1-3.4%209.3-10.5%207.8-17.4S499.1%201%20492.1.4c-3.6-.3-7.3-.5-10.9-.5zM367.9%20383.9c44.2%200%2080-35.8%2080-80c0-39.3-28.4-72.1-65.8-78.7c1.2-5.6%201.9-11.3%201.9-17.2c0-44.2-35.8-80-80-80c-17%200-32.8%205.3-45.8%2014.4C241.3%20114.6%20210.8%2096%20176%2096c-53%200-96%2043-96%2096v1.3c-45.4%207.6-80%2047.1-80%2094.6c0%2053%2043%2096%2096%2096zM85.4%20420.1c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3m96%200c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3m96%200c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3m96%200c-11-7.4-25.9-4.4-33.3%206.7l-32%2048c-7.4%2011-4.4%2025.9%206.7%2033.3s25.9%204.4%2033.3-6.7l32-48c7.4-11%204.4-25.9-6.7-33.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/cloud-moon-rain.svg?color=%231a73e8&size=48