cloud moon rain icon
cloud-moon-rain-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- cloud-moon-rain-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the cloud moon rain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M45.392 28.075C52.038 26.903 56 21.514 56 18.02c0-.831-.383-1.449-1.065-1.449c-1.022 0-2.577 1.363-5.517 1.363c-5.197 0-8.499-3.131-8.499-7.881c0-2.833 1.513-4.878 1.513-6.007c0-.682-.448-1.108-1.3-1.086c-3.94.17-8.925 4.558-10.054 10.224c.66.618 1.3 1.449 1.81 2.577c7.18.554 12.377 5.965 12.504 12.313M8.84 39.002h23.048c6.028 0 10.714-4.58 10.714-10.48c0-5.88-4.771-10.31-11.14-10.331c-2.493-4.772-6.923-7.54-12.078-7.54c-6.923 0-12.802 5.389-13.441 12.397C2.322 24.113 0 27.2 0 30.928c0 4.793 3.6 8.074 8.84 8.074m16.785 10.14l2.77-4.815c.383-.66.17-1.406-.47-1.768c-.639-.383-1.363-.17-1.746.49l-2.79 4.835c-.363.618-.192 1.364.468 1.747c.64.34 1.406.128 1.768-.49m-16.955.02l2.769-4.814c.404-.66.191-1.405-.448-1.768c-.639-.383-1.384-.17-1.768.49l-2.79 4.836c-.362.617-.17 1.363.49 1.746a1.29 1.29 0 0 0 1.746-.49m23.622 5.965l2.77-4.793c.383-.66.17-1.406-.47-1.79c-.638-.361-1.362-.148-1.746.49l-2.812 4.857c-.34.597-.17 1.342.49 1.726c.64.362 1.406.149 1.768-.49m-16.955.021l2.769-4.793c.383-.66.191-1.406-.448-1.789c-.66-.362-1.384-.15-1.768.49l-2.79 4.857c-.362.596-.17 1.342.469 1.725a1.275 1.275 0 0 0 1.768-.49"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudMoonRainFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M45.392 28.075C52.038 26.903 56 21.514 56 18.02c0-.831-.383-1.449-1.065-1.449c-1.022 0-2.577 1.363-5.517 1.363c-5.197 0-8.499-3.131-8.499-7.881c0-2.833 1.513-4.878 1.513-6.007c0-.682-.448-1.108-1.3-1.086c-3.94.17-8.925 4.558-10.054 10.224c.66.618 1.3 1.449 1.81 2.577c7.18.554 12.377 5.965 12.504 12.313M8.84 39.002h23.048c6.028 0 10.714-4.58 10.714-10.48c0-5.88-4.771-10.31-11.14-10.331c-2.493-4.772-6.923-7.54-12.078-7.54c-6.923 0-12.802 5.389-13.441 12.397C2.322 24.113 0 27.2 0 30.928c0 4.793 3.6 8.074 8.84 8.074m16.785 10.14l2.77-4.815c.383-.66.17-1.406-.47-1.768c-.639-.383-1.363-.17-1.746.49l-2.79 4.835c-.363.618-.192 1.364.468 1.747c.64.34 1.406.128 1.768-.49m-16.955.02l2.769-4.814c.404-.66.191-1.405-.448-1.768c-.639-.383-1.384-.17-1.768.49l-2.79 4.836c-.362.617-.17 1.363.49 1.746a1.29 1.29 0 0 0 1.746-.49m23.622 5.965l2.77-4.793c.383-.66.17-1.406-.47-1.79c-.638-.361-1.362-.148-1.746.49l-2.812 4.857c-.34.597-.17 1.342.49 1.726c.64.362 1.406.149 1.768-.49m-16.955.021l2.769-4.793c.383-.66.191-1.406-.448-1.789c-.66-.362-1.384-.15-1.768.49l-2.79 4.857c-.362.596-.17 1.342.469 1.725a1.275 1.275 0 0 0 1.768-.49"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M45.392 28.075C52.038 26.903 56 21.514 56 18.02c0-.831-.383-1.449-1.065-1.449c-1.022 0-2.577 1.363-5.517 1.363c-5.197 0-8.499-3.131-8.499-7.881c0-2.833 1.513-4.878 1.513-6.007c0-.682-.448-1.108-1.3-1.086c-3.94.17-8.925 4.558-10.054 10.224c.66.618 1.3 1.449 1.81 2.577c7.18.554 12.377 5.965 12.504 12.313M8.84 39.002h23.048c6.028 0 10.714-4.58 10.714-10.48c0-5.88-4.771-10.31-11.14-10.331c-2.493-4.772-6.923-7.54-12.078-7.54c-6.923 0-12.802 5.389-13.441 12.397C2.322 24.113 0 27.2 0 30.928c0 4.793 3.6 8.074 8.84 8.074m16.785 10.14l2.77-4.815c.383-.66.17-1.406-.47-1.768c-.639-.383-1.363-.17-1.746.49l-2.79 4.835c-.363.618-.192 1.364.468 1.747c.64.34 1.406.128 1.768-.49m-16.955.02l2.769-4.814c.404-.66.191-1.405-.448-1.768c-.639-.383-1.384-.17-1.768.49l-2.79 4.836c-.362.617-.17 1.363.49 1.746a1.29 1.29 0 0 0 1.746-.49m23.622 5.965l2.77-4.793c.383-.66.17-1.406-.47-1.79c-.638-.361-1.362-.148-1.746.49l-2.812 4.857c-.34.597-.17 1.342.49 1.726c.64.362 1.406.149 1.768-.49m-16.955.021l2.769-4.793c.383-.66.191-1.406-.448-1.789c-.66-.362-1.384-.15-1.768.49l-2.79 4.857c-.362.596-.17 1.342.469 1.725a1.275 1.275 0 0 0 1.768-.49"/></svg> </template>
CSS
.icon-cloud-moon-rain-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M45.392%2028.075C52.038%2026.903%2056%2021.514%2056%2018.02c0-.831-.383-1.449-1.065-1.449c-1.022%200-2.577%201.363-5.517%201.363c-5.197%200-8.499-3.131-8.499-7.881c0-2.833%201.513-4.878%201.513-6.007c0-.682-.448-1.108-1.3-1.086c-3.94.17-8.925%204.558-10.054%2010.224c.66.618%201.3%201.449%201.81%202.577c7.18.554%2012.377%205.965%2012.504%2012.313M8.84%2039.002h23.048c6.028%200%2010.714-4.58%2010.714-10.48c0-5.88-4.771-10.31-11.14-10.331c-2.493-4.772-6.923-7.54-12.078-7.54c-6.923%200-12.802%205.389-13.441%2012.397C2.322%2024.113%200%2027.2%200%2030.928c0%204.793%203.6%208.074%208.84%208.074m16.785%2010.14l2.77-4.815c.383-.66.17-1.406-.47-1.768c-.639-.383-1.363-.17-1.746.49l-2.79%204.835c-.363.618-.192%201.364.468%201.747c.64.34%201.406.128%201.768-.49m-16.955.02l2.769-4.814c.404-.66.191-1.405-.448-1.768c-.639-.383-1.384-.17-1.768.49l-2.79%204.836c-.362.617-.17%201.363.49%201.746a1.29%201.29%200%200%200%201.746-.49m23.622%205.965l2.77-4.793c.383-.66.17-1.406-.47-1.79c-.638-.361-1.362-.148-1.746.49l-2.812%204.857c-.34.597-.17%201.342.49%201.726c.64.362%201.406.149%201.768-.49m-16.955.021l2.769-4.793c.383-.66.191-1.406-.448-1.789c-.66-.362-1.384-.15-1.768.49l-2.79%204.857c-.362.596-.17%201.342.469%201.725a1.275%201.275%200%200%200%201.768-.49%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M45.392%2028.075C52.038%2026.903%2056%2021.514%2056%2018.02c0-.831-.383-1.449-1.065-1.449c-1.022%200-2.577%201.363-5.517%201.363c-5.197%200-8.499-3.131-8.499-7.881c0-2.833%201.513-4.878%201.513-6.007c0-.682-.448-1.108-1.3-1.086c-3.94.17-8.925%204.558-10.054%2010.224c.66.618%201.3%201.449%201.81%202.577c7.18.554%2012.377%205.965%2012.504%2012.313M8.84%2039.002h23.048c6.028%200%2010.714-4.58%2010.714-10.48c0-5.88-4.771-10.31-11.14-10.331c-2.493-4.772-6.923-7.54-12.078-7.54c-6.923%200-12.802%205.389-13.441%2012.397C2.322%2024.113%200%2027.2%200%2030.928c0%204.793%203.6%208.074%208.84%208.074m16.785%2010.14l2.77-4.815c.383-.66.17-1.406-.47-1.768c-.639-.383-1.363-.17-1.746.49l-2.79%204.835c-.363.618-.192%201.364.468%201.747c.64.34%201.406.128%201.768-.49m-16.955.02l2.769-4.814c.404-.66.191-1.405-.448-1.768c-.639-.383-1.384-.17-1.768.49l-2.79%204.836c-.362.617-.17%201.363.49%201.746a1.29%201.29%200%200%200%201.746-.49m23.622%205.965l2.77-4.793c.383-.66.17-1.406-.47-1.79c-.638-.361-1.362-.148-1.746.49l-2.812%204.857c-.34.597-.17%201.342.49%201.726c.64.362%201.406.149%201.768-.49m-16.955.021l2.769-4.793c.383-.66.191-1.406-.448-1.789c-.66-.362-1.384-.15-1.768.49l-2.79%204.857c-.362.596-.17%201.342.469%201.725a1.275%201.275%200%200%200%201.768-.49%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cloud-moon-rain-fill.svg?color=%231a73e8&size=48
