cloud moon rain icon
cloud-moon-rain from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- cloud-moon-rain
- Set
- Framework7 Icons
- Style
- Outline
- 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="M8.99 39.228h22.943c6.128 0 10.878-4.623 10.878-10.603v-.508c6.764-.255 10.92-4.03 12.49-8.122c.699-1.696-.212-3.223-1.867-3.223c-1.272 0-2.31.552-4.558.552c-5.407 0-8.27-3.011-8.27-7.93c0-2.397.742-3.711.742-4.899c0-1.739-1.505-2.608-3.371-1.972c-4.496 1.485-8.312 6.277-8.312 12.15c0 .191.02.382.02.594c-2.565-2.926-6.127-4.644-10.177-4.644c-7.019 0-12.892 5.428-13.592 12.383C2.375 24.11 0 27.184 0 31.021c0 4.793 3.584 8.206 8.99 8.206m23.792-24.64c0-4.092 2.438-7.294 5.216-8.82l.233.169a12.6 12.6 0 0 0-.678 4.093c0 6.085 4.453 10.283 10.602 10.283c1.505 0 2.904-.254 3.88-.593l.127.17c-1.293 2.502-4.601 5.13-9.966 5.152c-1.336-3.584-4.622-6.17-8.82-6.785c-.404-1.145-.594-2.375-.594-3.669M8.906 35.835c-3.605 0-5.513-2.057-5.513-4.729c0-2.226 1.314-4.22 4.431-5.046c1.018-.276 1.4-.742 1.485-1.803c.487-5.958 4.898-10.241 10.199-10.241c4.113 0 7.315 2.269 9.287 6.234c.445.912.976 1.209 2.057 1.209c5.47 0 8.567 3.307 8.567 7.251c0 3.965-3.224 7.125-7.422 7.125Zm16.603 13.337l2.756-4.792c.382-.657.17-1.4-.466-1.76c-.636-.381-1.357-.17-1.74.488l-2.777 4.813c-.36.615-.19 1.357.467 1.739c.636.34 1.4.127 1.76-.488m-16.879.022l2.757-4.793c.402-.657.19-1.4-.446-1.76c-.636-.381-1.378-.17-1.76.488l-2.777 4.814c-.36.614-.17 1.357.487 1.738c.615.34 1.379.127 1.74-.487m23.515 5.937l2.757-4.771c.382-.658.17-1.4-.467-1.781c-.636-.36-1.357-.149-1.738.487l-2.8 4.835c-.338.593-.169 1.336.489 1.717a1.27 1.27 0 0 0 1.76-.487m-16.878.02l2.756-4.77c.382-.657.191-1.4-.445-1.781c-.657-.36-1.378-.149-1.76.487l-2.777 4.835c-.36.594-.17 1.336.466 1.718c.636.36 1.4.148 1.76-.488"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudMoonRain(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="M8.99 39.228h22.943c6.128 0 10.878-4.623 10.878-10.603v-.508c6.764-.255 10.92-4.03 12.49-8.122c.699-1.696-.212-3.223-1.867-3.223c-1.272 0-2.31.552-4.558.552c-5.407 0-8.27-3.011-8.27-7.93c0-2.397.742-3.711.742-4.899c0-1.739-1.505-2.608-3.371-1.972c-4.496 1.485-8.312 6.277-8.312 12.15c0 .191.02.382.02.594c-2.565-2.926-6.127-4.644-10.177-4.644c-7.019 0-12.892 5.428-13.592 12.383C2.375 24.11 0 27.184 0 31.021c0 4.793 3.584 8.206 8.99 8.206m23.792-24.64c0-4.092 2.438-7.294 5.216-8.82l.233.169a12.6 12.6 0 0 0-.678 4.093c0 6.085 4.453 10.283 10.602 10.283c1.505 0 2.904-.254 3.88-.593l.127.17c-1.293 2.502-4.601 5.13-9.966 5.152c-1.336-3.584-4.622-6.17-8.82-6.785c-.404-1.145-.594-2.375-.594-3.669M8.906 35.835c-3.605 0-5.513-2.057-5.513-4.729c0-2.226 1.314-4.22 4.431-5.046c1.018-.276 1.4-.742 1.485-1.803c.487-5.958 4.898-10.241 10.199-10.241c4.113 0 7.315 2.269 9.287 6.234c.445.912.976 1.209 2.057 1.209c5.47 0 8.567 3.307 8.567 7.251c0 3.965-3.224 7.125-7.422 7.125Zm16.603 13.337l2.756-4.792c.382-.657.17-1.4-.466-1.76c-.636-.381-1.357-.17-1.74.488l-2.777 4.813c-.36.615-.19 1.357.467 1.739c.636.34 1.4.127 1.76-.488m-16.879.022l2.757-4.793c.402-.657.19-1.4-.446-1.76c-.636-.381-1.378-.17-1.76.488l-2.777 4.814c-.36.614-.17 1.357.487 1.738c.615.34 1.379.127 1.74-.487m23.515 5.937l2.757-4.771c.382-.658.17-1.4-.467-1.781c-.636-.36-1.357-.149-1.738.487l-2.8 4.835c-.338.593-.169 1.336.489 1.717a1.27 1.27 0 0 0 1.76-.487m-16.878.02l2.756-4.77c.382-.657.191-1.4-.445-1.781c-.657-.36-1.378-.149-1.76.487l-2.777 4.835c-.36.594-.17 1.336.466 1.718c.636.36 1.4.148 1.76-.488"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M8.99 39.228h22.943c6.128 0 10.878-4.623 10.878-10.603v-.508c6.764-.255 10.92-4.03 12.49-8.122c.699-1.696-.212-3.223-1.867-3.223c-1.272 0-2.31.552-4.558.552c-5.407 0-8.27-3.011-8.27-7.93c0-2.397.742-3.711.742-4.899c0-1.739-1.505-2.608-3.371-1.972c-4.496 1.485-8.312 6.277-8.312 12.15c0 .191.02.382.02.594c-2.565-2.926-6.127-4.644-10.177-4.644c-7.019 0-12.892 5.428-13.592 12.383C2.375 24.11 0 27.184 0 31.021c0 4.793 3.584 8.206 8.99 8.206m23.792-24.64c0-4.092 2.438-7.294 5.216-8.82l.233.169a12.6 12.6 0 0 0-.678 4.093c0 6.085 4.453 10.283 10.602 10.283c1.505 0 2.904-.254 3.88-.593l.127.17c-1.293 2.502-4.601 5.13-9.966 5.152c-1.336-3.584-4.622-6.17-8.82-6.785c-.404-1.145-.594-2.375-.594-3.669M8.906 35.835c-3.605 0-5.513-2.057-5.513-4.729c0-2.226 1.314-4.22 4.431-5.046c1.018-.276 1.4-.742 1.485-1.803c.487-5.958 4.898-10.241 10.199-10.241c4.113 0 7.315 2.269 9.287 6.234c.445.912.976 1.209 2.057 1.209c5.47 0 8.567 3.307 8.567 7.251c0 3.965-3.224 7.125-7.422 7.125Zm16.603 13.337l2.756-4.792c.382-.657.17-1.4-.466-1.76c-.636-.381-1.357-.17-1.74.488l-2.777 4.813c-.36.615-.19 1.357.467 1.739c.636.34 1.4.127 1.76-.488m-16.879.022l2.757-4.793c.402-.657.19-1.4-.446-1.76c-.636-.381-1.378-.17-1.76.488l-2.777 4.814c-.36.614-.17 1.357.487 1.738c.615.34 1.379.127 1.74-.487m23.515 5.937l2.757-4.771c.382-.658.17-1.4-.467-1.781c-.636-.36-1.357-.149-1.738.487l-2.8 4.835c-.338.593-.169 1.336.489 1.717a1.27 1.27 0 0 0 1.76-.487m-16.878.02l2.756-4.77c.382-.657.191-1.4-.445-1.781c-.657-.36-1.378-.149-1.76.487l-2.777 4.835c-.36.594-.17 1.336.466 1.718c.636.36 1.4.148 1.76-.488"/></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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.99%2039.228h22.943c6.128%200%2010.878-4.623%2010.878-10.603v-.508c6.764-.255%2010.92-4.03%2012.49-8.122c.699-1.696-.212-3.223-1.867-3.223c-1.272%200-2.31.552-4.558.552c-5.407%200-8.27-3.011-8.27-7.93c0-2.397.742-3.711.742-4.899c0-1.739-1.505-2.608-3.371-1.972c-4.496%201.485-8.312%206.277-8.312%2012.15c0%20.191.02.382.02.594c-2.565-2.926-6.127-4.644-10.177-4.644c-7.019%200-12.892%205.428-13.592%2012.383C2.375%2024.11%200%2027.184%200%2031.021c0%204.793%203.584%208.206%208.99%208.206m23.792-24.64c0-4.092%202.438-7.294%205.216-8.82l.233.169a12.6%2012.6%200%200%200-.678%204.093c0%206.085%204.453%2010.283%2010.602%2010.283c1.505%200%202.904-.254%203.88-.593l.127.17c-1.293%202.502-4.601%205.13-9.966%205.152c-1.336-3.584-4.622-6.17-8.82-6.785c-.404-1.145-.594-2.375-.594-3.669M8.906%2035.835c-3.605%200-5.513-2.057-5.513-4.729c0-2.226%201.314-4.22%204.431-5.046c1.018-.276%201.4-.742%201.485-1.803c.487-5.958%204.898-10.241%2010.199-10.241c4.113%200%207.315%202.269%209.287%206.234c.445.912.976%201.209%202.057%201.209c5.47%200%208.567%203.307%208.567%207.251c0%203.965-3.224%207.125-7.422%207.125Zm16.603%2013.337l2.756-4.792c.382-.657.17-1.4-.466-1.76c-.636-.381-1.357-.17-1.74.488l-2.777%204.813c-.36.615-.19%201.357.467%201.739c.636.34%201.4.127%201.76-.488m-16.879.022l2.757-4.793c.402-.657.19-1.4-.446-1.76c-.636-.381-1.378-.17-1.76.488l-2.777%204.814c-.36.614-.17%201.357.487%201.738c.615.34%201.379.127%201.74-.487m23.515%205.937l2.757-4.771c.382-.658.17-1.4-.467-1.781c-.636-.36-1.357-.149-1.738.487l-2.8%204.835c-.338.593-.169%201.336.489%201.717a1.27%201.27%200%200%200%201.76-.487m-16.878.02l2.756-4.77c.382-.657.191-1.4-.445-1.781c-.657-.36-1.378-.149-1.76.487l-2.777%204.835c-.36.594-.17%201.336.466%201.718c.636.36%201.4.148%201.76-.488%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%22M8.99%2039.228h22.943c6.128%200%2010.878-4.623%2010.878-10.603v-.508c6.764-.255%2010.92-4.03%2012.49-8.122c.699-1.696-.212-3.223-1.867-3.223c-1.272%200-2.31.552-4.558.552c-5.407%200-8.27-3.011-8.27-7.93c0-2.397.742-3.711.742-4.899c0-1.739-1.505-2.608-3.371-1.972c-4.496%201.485-8.312%206.277-8.312%2012.15c0%20.191.02.382.02.594c-2.565-2.926-6.127-4.644-10.177-4.644c-7.019%200-12.892%205.428-13.592%2012.383C2.375%2024.11%200%2027.184%200%2031.021c0%204.793%203.584%208.206%208.99%208.206m23.792-24.64c0-4.092%202.438-7.294%205.216-8.82l.233.169a12.6%2012.6%200%200%200-.678%204.093c0%206.085%204.453%2010.283%2010.602%2010.283c1.505%200%202.904-.254%203.88-.593l.127.17c-1.293%202.502-4.601%205.13-9.966%205.152c-1.336-3.584-4.622-6.17-8.82-6.785c-.404-1.145-.594-2.375-.594-3.669M8.906%2035.835c-3.605%200-5.513-2.057-5.513-4.729c0-2.226%201.314-4.22%204.431-5.046c1.018-.276%201.4-.742%201.485-1.803c.487-5.958%204.898-10.241%2010.199-10.241c4.113%200%207.315%202.269%209.287%206.234c.445.912.976%201.209%202.057%201.209c5.47%200%208.567%203.307%208.567%207.251c0%203.965-3.224%207.125-7.422%207.125Zm16.603%2013.337l2.756-4.792c.382-.657.17-1.4-.466-1.76c-.636-.381-1.357-.17-1.74.488l-2.777%204.813c-.36.615-.19%201.357.467%201.739c.636.34%201.4.127%201.76-.488m-16.879.022l2.757-4.793c.402-.657.19-1.4-.446-1.76c-.636-.381-1.378-.17-1.76.488l-2.777%204.814c-.36.614-.17%201.357.487%201.738c.615.34%201.379.127%201.74-.487m23.515%205.937l2.757-4.771c.382-.658.17-1.4-.467-1.781c-.636-.36-1.357-.149-1.738.487l-2.8%204.835c-.338.593-.169%201.336.489%201.717a1.27%201.27%200%200%200%201.76-.487m-16.878.02l2.756-4.77c.382-.657.191-1.4-.445-1.781c-.657-.36-1.378-.149-1.76.487l-2.777%204.835c-.36.594-.17%201.336.466%201.718c.636.36%201.4.148%201.76-.488%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.svg?color=%231a73e8&size=48
