cloud sun rain icon
cloud-sun-rain-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- cloud-sun-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 sun rain icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.986 8.992c.89 0 1.605-.755 1.605-1.605V3.21c0-.89-.715-1.605-1.605-1.605s-1.605.715-1.605 1.605v4.177c0 .85.716 1.605 1.605 1.605m-11.215 3.732c.638.638 1.682.618 2.282 0c.599-.62.618-1.644 0-2.244l-2.978-2.997a1.61 1.61 0 0 0-2.263 0a1.61 1.61 0 0 0 0 2.263Zm20.15 0c.599.618 1.643.638 2.28 0l2.96-2.978c.618-.62.599-1.644 0-2.263a1.61 1.61 0 0 0-2.263 0L44.92 10.48c-.619.6-.6 1.625 0 2.244m-3.965 17.21c2.842-1.915 4.602-4.873 4.602-8.277a9.55 9.55 0 0 0-9.572-9.59c-3.5 0-6.536 1.875-8.14 4.679c.812.831 1.508 1.74 2.088 2.862c6.38.522 10.5 4.486 11.022 10.326M8.025 40.588h20.923c5.472 0 9.726-4.157 9.726-9.513c0-5.318-4.331-9.34-10.113-9.379c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285 0-11.622 4.873-12.202 11.235C2.108 27.09 0 29.875 0 33.279c0 4.331 3.268 7.31 8.025 7.31m42.194-17.326h4.176c.87 0 1.586-.715 1.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87 0-1.605.716-1.605 1.605c0 .89.735 1.605 1.605 1.605m-2.32 12.589a1.61 1.61 0 0 0 2.261-.02c.6-.618.62-1.643 0-2.262l-2.997-2.959c-.618-.599-1.624-.618-2.243 0a1.61 1.61 0 0 0 0 2.263ZM23.262 49.774l2.513-4.37c.348-.6.155-1.277-.425-1.606c-.58-.348-1.238-.154-1.586.445l-2.533 4.39c-.329.56-.174 1.237.425 1.585a1.19 1.19 0 0 0 1.605-.445m-15.393.019l2.514-4.37c.367-.6.174-1.277-.406-1.605c-.58-.348-1.257-.155-1.605.444l-2.533 4.39c-.329.56-.155 1.237.445 1.586c.56.309 1.257.116 1.585-.445m21.445 5.414l2.514-4.35c.348-.6.155-1.277-.426-1.625c-.58-.329-1.237-.135-1.585.445l-2.553 4.409c-.31.541-.154 1.218.445 1.566c.58.329 1.276.135 1.605-.445m-15.392.02l2.513-4.351c.349-.6.175-1.277-.405-1.625c-.6-.328-1.257-.135-1.605.445l-2.534 4.409c-.328.541-.154 1.218.426 1.566c.58.329 1.276.136 1.605-.444"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudSunRainFill(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="M35.986 8.992c.89 0 1.605-.755 1.605-1.605V3.21c0-.89-.715-1.605-1.605-1.605s-1.605.715-1.605 1.605v4.177c0 .85.716 1.605 1.605 1.605m-11.215 3.732c.638.638 1.682.618 2.282 0c.599-.62.618-1.644 0-2.244l-2.978-2.997a1.61 1.61 0 0 0-2.263 0a1.61 1.61 0 0 0 0 2.263Zm20.15 0c.599.618 1.643.638 2.28 0l2.96-2.978c.618-.62.599-1.644 0-2.263a1.61 1.61 0 0 0-2.263 0L44.92 10.48c-.619.6-.6 1.625 0 2.244m-3.965 17.21c2.842-1.915 4.602-4.873 4.602-8.277a9.55 9.55 0 0 0-9.572-9.59c-3.5 0-6.536 1.875-8.14 4.679c.812.831 1.508 1.74 2.088 2.862c6.38.522 10.5 4.486 11.022 10.326M8.025 40.588h20.923c5.472 0 9.726-4.157 9.726-9.513c0-5.318-4.331-9.34-10.113-9.379c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285 0-11.622 4.873-12.202 11.235C2.108 27.09 0 29.875 0 33.279c0 4.331 3.268 7.31 8.025 7.31m42.194-17.326h4.176c.87 0 1.586-.715 1.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87 0-1.605.716-1.605 1.605c0 .89.735 1.605 1.605 1.605m-2.32 12.589a1.61 1.61 0 0 0 2.261-.02c.6-.618.62-1.643 0-2.262l-2.997-2.959c-.618-.599-1.624-.618-2.243 0a1.61 1.61 0 0 0 0 2.263ZM23.262 49.774l2.513-4.37c.348-.6.155-1.277-.425-1.606c-.58-.348-1.238-.154-1.586.445l-2.533 4.39c-.329.56-.174 1.237.425 1.585a1.19 1.19 0 0 0 1.605-.445m-15.393.019l2.514-4.37c.367-.6.174-1.277-.406-1.605c-.58-.348-1.257-.155-1.605.444l-2.533 4.39c-.329.56-.155 1.237.445 1.586c.56.309 1.257.116 1.585-.445m21.445 5.414l2.514-4.35c.348-.6.155-1.277-.426-1.625c-.58-.329-1.237-.135-1.585.445l-2.553 4.409c-.31.541-.154 1.218.445 1.566c.58.329 1.276.135 1.605-.445m-15.392.02l2.513-4.351c.349-.6.175-1.277-.405-1.625c-.6-.328-1.257-.135-1.605.445l-2.534 4.409c-.328.541-.154 1.218.426 1.566c.58.329 1.276.136 1.605-.444"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M35.986 8.992c.89 0 1.605-.755 1.605-1.605V3.21c0-.89-.715-1.605-1.605-1.605s-1.605.715-1.605 1.605v4.177c0 .85.716 1.605 1.605 1.605m-11.215 3.732c.638.638 1.682.618 2.282 0c.599-.62.618-1.644 0-2.244l-2.978-2.997a1.61 1.61 0 0 0-2.263 0a1.61 1.61 0 0 0 0 2.263Zm20.15 0c.599.618 1.643.638 2.28 0l2.96-2.978c.618-.62.599-1.644 0-2.263a1.61 1.61 0 0 0-2.263 0L44.92 10.48c-.619.6-.6 1.625 0 2.244m-3.965 17.21c2.842-1.915 4.602-4.873 4.602-8.277a9.55 9.55 0 0 0-9.572-9.59c-3.5 0-6.536 1.875-8.14 4.679c.812.831 1.508 1.74 2.088 2.862c6.38.522 10.5 4.486 11.022 10.326M8.025 40.588h20.923c5.472 0 9.726-4.157 9.726-9.513c0-5.318-4.331-9.34-10.113-9.379c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285 0-11.622 4.873-12.202 11.235C2.108 27.09 0 29.875 0 33.279c0 4.331 3.268 7.31 8.025 7.31m42.194-17.326h4.176c.87 0 1.586-.715 1.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87 0-1.605.716-1.605 1.605c0 .89.735 1.605 1.605 1.605m-2.32 12.589a1.61 1.61 0 0 0 2.261-.02c.6-.618.62-1.643 0-2.262l-2.997-2.959c-.618-.599-1.624-.618-2.243 0a1.61 1.61 0 0 0 0 2.263ZM23.262 49.774l2.513-4.37c.348-.6.155-1.277-.425-1.606c-.58-.348-1.238-.154-1.586.445l-2.533 4.39c-.329.56-.174 1.237.425 1.585a1.19 1.19 0 0 0 1.605-.445m-15.393.019l2.514-4.37c.367-.6.174-1.277-.406-1.605c-.58-.348-1.257-.155-1.605.444l-2.533 4.39c-.329.56-.155 1.237.445 1.586c.56.309 1.257.116 1.585-.445m21.445 5.414l2.514-4.35c.348-.6.155-1.277-.426-1.625c-.58-.329-1.237-.135-1.585.445l-2.553 4.409c-.31.541-.154 1.218.445 1.566c.58.329 1.276.135 1.605-.445m-15.392.02l2.513-4.351c.349-.6.175-1.277-.405-1.625c-.6-.328-1.257-.135-1.605.445l-2.534 4.409c-.328.541-.154 1.218.426 1.566c.58.329 1.276.136 1.605-.444"/></svg> </template>
CSS
.icon-cloud-sun-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%22M35.986%208.992c.89%200%201.605-.755%201.605-1.605V3.21c0-.89-.715-1.605-1.605-1.605s-1.605.715-1.605%201.605v4.177c0%20.85.716%201.605%201.605%201.605m-11.215%203.732c.638.638%201.682.618%202.282%200c.599-.62.618-1.644%200-2.244l-2.978-2.997a1.61%201.61%200%200%200-2.263%200a1.61%201.61%200%200%200%200%202.263Zm20.15%200c.599.618%201.643.638%202.28%200l2.96-2.978c.618-.62.599-1.644%200-2.263a1.61%201.61%200%200%200-2.263%200L44.92%2010.48c-.619.6-.6%201.625%200%202.244m-3.965%2017.21c2.842-1.915%204.602-4.873%204.602-8.277a9.55%209.55%200%200%200-9.572-9.59c-3.5%200-6.536%201.875-8.14%204.679c.812.831%201.508%201.74%202.088%202.862c6.38.522%2010.5%204.486%2011.022%2010.326M8.025%2040.588h20.923c5.472%200%209.726-4.157%209.726-9.513c0-5.318-4.331-9.34-10.113-9.379c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285%200-11.622%204.873-12.202%2011.235C2.108%2027.09%200%2029.875%200%2033.279c0%204.331%203.268%207.31%208.025%207.31m42.194-17.326h4.176c.87%200%201.586-.715%201.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87%200-1.605.716-1.605%201.605c0%20.89.735%201.605%201.605%201.605m-2.32%2012.589a1.61%201.61%200%200%200%202.261-.02c.6-.618.62-1.643%200-2.262l-2.997-2.959c-.618-.599-1.624-.618-2.243%200a1.61%201.61%200%200%200%200%202.263ZM23.262%2049.774l2.513-4.37c.348-.6.155-1.277-.425-1.606c-.58-.348-1.238-.154-1.586.445l-2.533%204.39c-.329.56-.174%201.237.425%201.585a1.19%201.19%200%200%200%201.605-.445m-15.393.019l2.514-4.37c.367-.6.174-1.277-.406-1.605c-.58-.348-1.257-.155-1.605.444l-2.533%204.39c-.329.56-.155%201.237.445%201.586c.56.309%201.257.116%201.585-.445m21.445%205.414l2.514-4.35c.348-.6.155-1.277-.426-1.625c-.58-.329-1.237-.135-1.585.445l-2.553%204.409c-.31.541-.154%201.218.445%201.566c.58.329%201.276.135%201.605-.445m-15.392.02l2.513-4.351c.349-.6.175-1.277-.405-1.625c-.6-.328-1.257-.135-1.605.445l-2.534%204.409c-.328.541-.154%201.218.426%201.566c.58.329%201.276.136%201.605-.444%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%22M35.986%208.992c.89%200%201.605-.755%201.605-1.605V3.21c0-.89-.715-1.605-1.605-1.605s-1.605.715-1.605%201.605v4.177c0%20.85.716%201.605%201.605%201.605m-11.215%203.732c.638.638%201.682.618%202.282%200c.599-.62.618-1.644%200-2.244l-2.978-2.997a1.61%201.61%200%200%200-2.263%200a1.61%201.61%200%200%200%200%202.263Zm20.15%200c.599.618%201.643.638%202.28%200l2.96-2.978c.618-.62.599-1.644%200-2.263a1.61%201.61%200%200%200-2.263%200L44.92%2010.48c-.619.6-.6%201.625%200%202.244m-3.965%2017.21c2.842-1.915%204.602-4.873%204.602-8.277a9.55%209.55%200%200%200-9.572-9.59c-3.5%200-6.536%201.875-8.14%204.679c.812.831%201.508%201.74%202.088%202.862c6.38.522%2010.5%204.486%2011.022%2010.326M8.025%2040.588h20.923c5.472%200%209.726-4.157%209.726-9.513c0-5.318-4.331-9.34-10.113-9.379c-2.263-4.332-6.285-6.826-10.964-6.826c-6.285%200-11.622%204.873-12.202%2011.235C2.108%2027.09%200%2029.875%200%2033.279c0%204.331%203.268%207.31%208.025%207.31m42.194-17.326h4.176c.87%200%201.586-.715%201.605-1.605c0-.89-.735-1.605-1.605-1.605h-4.177c-.87%200-1.605.716-1.605%201.605c0%20.89.735%201.605%201.605%201.605m-2.32%2012.589a1.61%201.61%200%200%200%202.261-.02c.6-.618.62-1.643%200-2.262l-2.997-2.959c-.618-.599-1.624-.618-2.243%200a1.61%201.61%200%200%200%200%202.263ZM23.262%2049.774l2.513-4.37c.348-.6.155-1.277-.425-1.606c-.58-.348-1.238-.154-1.586.445l-2.533%204.39c-.329.56-.174%201.237.425%201.585a1.19%201.19%200%200%200%201.605-.445m-15.393.019l2.514-4.37c.367-.6.174-1.277-.406-1.605c-.58-.348-1.257-.155-1.605.444l-2.533%204.39c-.329.56-.155%201.237.445%201.586c.56.309%201.257.116%201.585-.445m21.445%205.414l2.514-4.35c.348-.6.155-1.277-.426-1.625c-.58-.329-1.237-.135-1.585.445l-2.553%204.409c-.31.541-.154%201.218.445%201.566c.58.329%201.276.135%201.605-.445m-15.392.02l2.513-4.351c.349-.6.175-1.277-.405-1.625c-.6-.328-1.257-.135-1.605.445l-2.534%204.409c-.328.541-.154%201.218.426%201.566c.58.329%201.276.136%201.605-.444%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cloud-sun-rain-fill.svg?color=%231a73e8&size=48
