cloud moon rain icon
cloud-moon-rain-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- cloud-moon-rain-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
Related icons in Myna UI Icons
Use the cloud moon rain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 21v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0M5.651 10.889c1.544-.815 3.43-1.161 5.142-.648c1.59.477 2.904 1.66 3.605 3.598c1.569.21 3.039 1.056 3.878 2.223c.497.692.805 1.544.705 2.463c-.1.93-.604 1.785-1.458 2.5a1 1 0 0 1-1.283-1.535c.543-.454.719-.866.753-1.181c.036-.326-.064-.695-.34-1.079c-.575-.798-1.771-1.443-3.004-1.443a1 1 0 0 1-.966-.745c-.461-1.75-1.426-2.573-2.464-2.885c-1.098-.329-2.439-.13-3.634.5c-1.196.631-2.105 1.62-2.44 2.689c-.316 1.005-.172 2.226 1.019 3.538l.065.079a1 1 0 0 1-1.545 1.265l-.29-.335c-1.373-1.69-1.673-3.504-1.158-5.146c.53-1.688 1.873-3.044 3.415-3.858M6.5 19v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0m6 0v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0M10 8.089c0-2.804 1.86-5.761 5.416-6.085l.146-.002a1 1 0 0 1 .745 1.598c-.953 1.27-.64 2.725.338 3.696c.98.972 2.465 1.293 3.766.345l.123-.078a1 1 0 0 1 1.462.979c-.182 1.943-1.312 3.559-2.835 4.51l-.089.05a1 1 0 0 1-.97-1.745l.192-.127c.41-.289.764-.647 1.044-1.055c-1.56.199-3.066-.432-4.102-1.46c-1.04-1.032-1.68-2.542-1.466-4.1C12.618 5.372 12 6.705 12 8.09a1 1 0 0 1-2 0"/></svg>
React
import type { SVGProps } from "react";
export function MynauiCloudMoonRainSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 21v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0M5.651 10.889c1.544-.815 3.43-1.161 5.142-.648c1.59.477 2.904 1.66 3.605 3.598c1.569.21 3.039 1.056 3.878 2.223c.497.692.805 1.544.705 2.463c-.1.93-.604 1.785-1.458 2.5a1 1 0 0 1-1.283-1.535c.543-.454.719-.866.753-1.181c.036-.326-.064-.695-.34-1.079c-.575-.798-1.771-1.443-3.004-1.443a1 1 0 0 1-.966-.745c-.461-1.75-1.426-2.573-2.464-2.885c-1.098-.329-2.439-.13-3.634.5c-1.196.631-2.105 1.62-2.44 2.689c-.316 1.005-.172 2.226 1.019 3.538l.065.079a1 1 0 0 1-1.545 1.265l-.29-.335c-1.373-1.69-1.673-3.504-1.158-5.146c.53-1.688 1.873-3.044 3.415-3.858M6.5 19v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0m6 0v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0M10 8.089c0-2.804 1.86-5.761 5.416-6.085l.146-.002a1 1 0 0 1 .745 1.598c-.953 1.27-.64 2.725.338 3.696c.98.972 2.465 1.293 3.766.345l.123-.078a1 1 0 0 1 1.462.979c-.182 1.943-1.312 3.559-2.835 4.51l-.089.05a1 1 0 0 1-.97-1.745l.192-.127c.41-.289.764-.647 1.044-1.055c-1.56.199-3.066-.432-4.102-1.46c-1.04-1.032-1.68-2.542-1.466-4.1C12.618 5.372 12 6.705 12 8.09a1 1 0 0 1-2 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 21v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0M5.651 10.889c1.544-.815 3.43-1.161 5.142-.648c1.59.477 2.904 1.66 3.605 3.598c1.569.21 3.039 1.056 3.878 2.223c.497.692.805 1.544.705 2.463c-.1.93-.604 1.785-1.458 2.5a1 1 0 0 1-1.283-1.535c.543-.454.719-.866.753-1.181c.036-.326-.064-.695-.34-1.079c-.575-.798-1.771-1.443-3.004-1.443a1 1 0 0 1-.966-.745c-.461-1.75-1.426-2.573-2.464-2.885c-1.098-.329-2.439-.13-3.634.5c-1.196.631-2.105 1.62-2.44 2.689c-.316 1.005-.172 2.226 1.019 3.538l.065.079a1 1 0 0 1-1.545 1.265l-.29-.335c-1.373-1.69-1.673-3.504-1.158-5.146c.53-1.688 1.873-3.044 3.415-3.858M6.5 19v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0m6 0v-1a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0M10 8.089c0-2.804 1.86-5.761 5.416-6.085l.146-.002a1 1 0 0 1 .745 1.598c-.953 1.27-.64 2.725.338 3.696c.98.972 2.465 1.293 3.766.345l.123-.078a1 1 0 0 1 1.462.979c-.182 1.943-1.312 3.559-2.835 4.51l-.089.05a1 1 0 0 1-.97-1.745l.192-.127c.41-.289.764-.647 1.044-1.055c-1.56.199-3.066-.432-4.102-1.46c-1.04-1.032-1.68-2.542-1.466-4.1C12.618 5.372 12 6.705 12 8.09a1 1 0 0 1-2 0"/></svg> </template>
CSS
.icon-cloud-moon-rain-solid {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2021v-1a1%201%200%201%201%202%200v1a1%201%200%201%201-2%200M5.651%2010.889c1.544-.815%203.43-1.161%205.142-.648c1.59.477%202.904%201.66%203.605%203.598c1.569.21%203.039%201.056%203.878%202.223c.497.692.805%201.544.705%202.463c-.1.93-.604%201.785-1.458%202.5a1%201%200%200%201-1.283-1.535c.543-.454.719-.866.753-1.181c.036-.326-.064-.695-.34-1.079c-.575-.798-1.771-1.443-3.004-1.443a1%201%200%200%201-.966-.745c-.461-1.75-1.426-2.573-2.464-2.885c-1.098-.329-2.439-.13-3.634.5c-1.196.631-2.105%201.62-2.44%202.689c-.316%201.005-.172%202.226%201.019%203.538l.065.079a1%201%200%200%201-1.545%201.265l-.29-.335c-1.373-1.69-1.673-3.504-1.158-5.146c.53-1.688%201.873-3.044%203.415-3.858M6.5%2019v-1a1%201%200%201%201%202%200v1a1%201%200%201%201-2%200m6%200v-1a1%201%200%201%201%202%200v1a1%201%200%201%201-2%200M10%208.089c0-2.804%201.86-5.761%205.416-6.085l.146-.002a1%201%200%200%201%20.745%201.598c-.953%201.27-.64%202.725.338%203.696c.98.972%202.465%201.293%203.766.345l.123-.078a1%201%200%200%201%201.462.979c-.182%201.943-1.312%203.559-2.835%204.51l-.089.05a1%201%200%200%201-.97-1.745l.192-.127c.41-.289.764-.647%201.044-1.055c-1.56.199-3.066-.432-4.102-1.46c-1.04-1.032-1.68-2.542-1.466-4.1C12.618%205.372%2012%206.705%2012%208.09a1%201%200%200%201-2%200%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.5%2021v-1a1%201%200%201%201%202%200v1a1%201%200%201%201-2%200M5.651%2010.889c1.544-.815%203.43-1.161%205.142-.648c1.59.477%202.904%201.66%203.605%203.598c1.569.21%203.039%201.056%203.878%202.223c.497.692.805%201.544.705%202.463c-.1.93-.604%201.785-1.458%202.5a1%201%200%200%201-1.283-1.535c.543-.454.719-.866.753-1.181c.036-.326-.064-.695-.34-1.079c-.575-.798-1.771-1.443-3.004-1.443a1%201%200%200%201-.966-.745c-.461-1.75-1.426-2.573-2.464-2.885c-1.098-.329-2.439-.13-3.634.5c-1.196.631-2.105%201.62-2.44%202.689c-.316%201.005-.172%202.226%201.019%203.538l.065.079a1%201%200%200%201-1.545%201.265l-.29-.335c-1.373-1.69-1.673-3.504-1.158-5.146c.53-1.688%201.873-3.044%203.415-3.858M6.5%2019v-1a1%201%200%201%201%202%200v1a1%201%200%201%201-2%200m6%200v-1a1%201%200%201%201%202%200v1a1%201%200%201%201-2%200M10%208.089c0-2.804%201.86-5.761%205.416-6.085l.146-.002a1%201%200%200%201%20.745%201.598c-.953%201.27-.64%202.725.338%203.696c.98.972%202.465%201.293%203.766.345l.123-.078a1%201%200%200%201%201.462.979c-.182%201.943-1.312%203.559-2.835%204.51l-.089.05a1%201%200%200%201-.97-1.745l.192-.127c.41-.289.764-.647%201.044-1.055c-1.56.199-3.066-.432-4.102-1.46c-1.04-1.032-1.68-2.542-1.466-4.1C12.618%205.372%2012%206.705%2012%208.09a1%201%200%200%201-2%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/cloud-moon-rain-solid.svg?color=%231a73e8&size=48
