cloud sleet icon
cloud-sleet-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- cloud-sleet-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 sleet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.634 34.051H40.92c7.225 0 12.81-5.447 12.81-12.467c0-7.088-5.835-12.399-13.562-12.33C37.25 3.374 31.894 0 25.58 0C17.17 0 10.082 6.61 9.42 15.111C5 16.32 2.15 20.057 2.15 24.524c0 5.653 4.24 9.527 10.484 9.527m10.735 11.42l3.1-5.425c.387-.684.182-1.482-.479-1.892c-.706-.388-1.504-.16-1.891.524l-3.146 5.447c-.387.661-.182 1.459.525 1.87a1.403 1.403 0 0 0 1.891-.525m-2.62-2.713l1.55-2.712c.387-.661.181-1.482-.502-1.892c-.684-.388-1.482-.16-1.87.524l-1.572 2.735c-.364.661-.182 1.459.502 1.87a1.404 1.404 0 0 0 1.891-.525m15.68.798l1.983-3.442a1.39 1.39 0 0 0-.501-1.915a1.35 1.35 0 0 0-1.87.525l-2.005 3.51c-.365.638-.205 1.435.502 1.846c.683.387 1.504.16 1.891-.524m-25.094 8.957c.433 0 .73-.388.707-.82l-.16-2.166l1.824 1.23c.319.229.82.138 1.048-.204s.091-.866-.342-1.072l-1.96-.957l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.205.342-.114.82.319 1.048l1.96.98l-1.96.957c-.456.206-.547.707-.365 1.072c.205.364.752.433 1.071.205l1.846-1.23l-.136 2.164c-.023.433.25.82.706.82m23.886.091c.433 0 .73-.387.707-.82l-.16-2.166l1.824 1.231c.319.228.82.137 1.048-.205s.091-.866-.342-1.071l-1.96-.958l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.206.342-.114.82.319 1.048l1.96.98l-1.96.958c-.456.205-.547.706-.365 1.07c.205.365.752.434 1.071.206l1.846-1.23l-.136 2.164c-.023.434.25.821.706.821M22.23 56c.41 0 .706-.388.684-.82l-.16-2.166l1.823 1.231c.32.228.844.137 1.072-.205a.76.76 0 0 0-.365-1.071l-1.96-.958l1.983-.98c.433-.205.524-.706.364-1.048c-.205-.365-.775-.433-1.094-.205l-1.823 1.253l.182-2.188c.046-.456-.296-.82-.706-.82c-.479 0-.752.364-.73.82l.137 2.188l-1.846-1.253c-.32-.228-.798-.183-1.026.205c-.205.342-.114.82.32 1.048l1.96.98l-1.96.958a.765.765 0 0 0-.342 1.07c.205.365.729.434 1.048.206l1.846-1.23l-.114 2.164c-.023.433.228.821.707.821"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudSleetFill(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="M12.634 34.051H40.92c7.225 0 12.81-5.447 12.81-12.467c0-7.088-5.835-12.399-13.562-12.33C37.25 3.374 31.894 0 25.58 0C17.17 0 10.082 6.61 9.42 15.111C5 16.32 2.15 20.057 2.15 24.524c0 5.653 4.24 9.527 10.484 9.527m10.735 11.42l3.1-5.425c.387-.684.182-1.482-.479-1.892c-.706-.388-1.504-.16-1.891.524l-3.146 5.447c-.387.661-.182 1.459.525 1.87a1.403 1.403 0 0 0 1.891-.525m-2.62-2.713l1.55-2.712c.387-.661.181-1.482-.502-1.892c-.684-.388-1.482-.16-1.87.524l-1.572 2.735c-.364.661-.182 1.459.502 1.87a1.404 1.404 0 0 0 1.891-.525m15.68.798l1.983-3.442a1.39 1.39 0 0 0-.501-1.915a1.35 1.35 0 0 0-1.87.525l-2.005 3.51c-.365.638-.205 1.435.502 1.846c.683.387 1.504.16 1.891-.524m-25.094 8.957c.433 0 .73-.388.707-.82l-.16-2.166l1.824 1.23c.319.229.82.138 1.048-.204s.091-.866-.342-1.072l-1.96-.957l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.205.342-.114.82.319 1.048l1.96.98l-1.96.957c-.456.206-.547.707-.365 1.072c.205.364.752.433 1.071.205l1.846-1.23l-.136 2.164c-.023.433.25.82.706.82m23.886.091c.433 0 .73-.387.707-.82l-.16-2.166l1.824 1.231c.319.228.82.137 1.048-.205s.091-.866-.342-1.071l-1.96-.958l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.206.342-.114.82.319 1.048l1.96.98l-1.96.958c-.456.205-.547.706-.365 1.07c.205.365.752.434 1.071.206l1.846-1.23l-.136 2.164c-.023.434.25.821.706.821M22.23 56c.41 0 .706-.388.684-.82l-.16-2.166l1.823 1.231c.32.228.844.137 1.072-.205a.76.76 0 0 0-.365-1.071l-1.96-.958l1.983-.98c.433-.205.524-.706.364-1.048c-.205-.365-.775-.433-1.094-.205l-1.823 1.253l.182-2.188c.046-.456-.296-.82-.706-.82c-.479 0-.752.364-.73.82l.137 2.188l-1.846-1.253c-.32-.228-.798-.183-1.026.205c-.205.342-.114.82.32 1.048l1.96.98l-1.96.958a.765.765 0 0 0-.342 1.07c.205.365.729.434 1.048.206l1.846-1.23l-.114 2.164c-.023.433.228.821.707.821"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.634 34.051H40.92c7.225 0 12.81-5.447 12.81-12.467c0-7.088-5.835-12.399-13.562-12.33C37.25 3.374 31.894 0 25.58 0C17.17 0 10.082 6.61 9.42 15.111C5 16.32 2.15 20.057 2.15 24.524c0 5.653 4.24 9.527 10.484 9.527m10.735 11.42l3.1-5.425c.387-.684.182-1.482-.479-1.892c-.706-.388-1.504-.16-1.891.524l-3.146 5.447c-.387.661-.182 1.459.525 1.87a1.403 1.403 0 0 0 1.891-.525m-2.62-2.713l1.55-2.712c.387-.661.181-1.482-.502-1.892c-.684-.388-1.482-.16-1.87.524l-1.572 2.735c-.364.661-.182 1.459.502 1.87a1.404 1.404 0 0 0 1.891-.525m15.68.798l1.983-3.442a1.39 1.39 0 0 0-.501-1.915a1.35 1.35 0 0 0-1.87.525l-2.005 3.51c-.365.638-.205 1.435.502 1.846c.683.387 1.504.16 1.891-.524m-25.094 8.957c.433 0 .73-.388.707-.82l-.16-2.166l1.824 1.23c.319.229.82.138 1.048-.204s.091-.866-.342-1.072l-1.96-.957l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.205.342-.114.82.319 1.048l1.96.98l-1.96.957c-.456.206-.547.707-.365 1.072c.205.364.752.433 1.071.205l1.846-1.23l-.136 2.164c-.023.433.25.82.706.82m23.886.091c.433 0 .73-.387.707-.82l-.16-2.166l1.824 1.231c.319.228.82.137 1.048-.205s.091-.866-.342-1.071l-1.96-.958l1.983-.98a.78.78 0 0 0 .342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824 1.253l.183-2.188a.732.732 0 0 0-.73-.82c-.456 0-.752.364-.73.82l.16 2.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.206.342-.114.82.319 1.048l1.96.98l-1.96.958c-.456.205-.547.706-.365 1.07c.205.365.752.434 1.071.206l1.846-1.23l-.136 2.164c-.023.434.25.821.706.821M22.23 56c.41 0 .706-.388.684-.82l-.16-2.166l1.823 1.231c.32.228.844.137 1.072-.205a.76.76 0 0 0-.365-1.071l-1.96-.958l1.983-.98c.433-.205.524-.706.364-1.048c-.205-.365-.775-.433-1.094-.205l-1.823 1.253l.182-2.188c.046-.456-.296-.82-.706-.82c-.479 0-.752.364-.73.82l.137 2.188l-1.846-1.253c-.32-.228-.798-.183-1.026.205c-.205.342-.114.82.32 1.048l1.96.98l-1.96.958a.765.765 0 0 0-.342 1.07c.205.365.729.434 1.048.206l1.846-1.23l-.114 2.164c-.023.433.228.821.707.821"/></svg> </template>
CSS
.icon-cloud-sleet-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%22M12.634%2034.051H40.92c7.225%200%2012.81-5.447%2012.81-12.467c0-7.088-5.835-12.399-13.562-12.33C37.25%203.374%2031.894%200%2025.58%200C17.17%200%2010.082%206.61%209.42%2015.111C5%2016.32%202.15%2020.057%202.15%2024.524c0%205.653%204.24%209.527%2010.484%209.527m10.735%2011.42l3.1-5.425c.387-.684.182-1.482-.479-1.892c-.706-.388-1.504-.16-1.891.524l-3.146%205.447c-.387.661-.182%201.459.525%201.87a1.403%201.403%200%200%200%201.891-.525m-2.62-2.713l1.55-2.712c.387-.661.181-1.482-.502-1.892c-.684-.388-1.482-.16-1.87.524l-1.572%202.735c-.364.661-.182%201.459.502%201.87a1.404%201.404%200%200%200%201.891-.525m15.68.798l1.983-3.442a1.39%201.39%200%200%200-.501-1.915a1.35%201.35%200%200%200-1.87.525l-2.005%203.51c-.365.638-.205%201.435.502%201.846c.683.387%201.504.16%201.891-.524m-25.094%208.957c.433%200%20.73-.388.707-.82l-.16-2.166l1.824%201.23c.319.229.82.138%201.048-.204s.091-.866-.342-1.072l-1.96-.957l1.983-.98a.78.78%200%200%200%20.342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824%201.253l.183-2.188a.732.732%200%200%200-.73-.82c-.456%200-.752.364-.73.82l.16%202.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.205.342-.114.82.319%201.048l1.96.98l-1.96.957c-.456.206-.547.707-.365%201.072c.205.364.752.433%201.071.205l1.846-1.23l-.136%202.164c-.023.433.25.82.706.82m23.886.091c.433%200%20.73-.387.707-.82l-.16-2.166l1.824%201.231c.319.228.82.137%201.048-.205s.091-.866-.342-1.071l-1.96-.958l1.983-.98a.78.78%200%200%200%20.342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824%201.253l.183-2.188a.732.732%200%200%200-.73-.82c-.456%200-.752.364-.73.82l.16%202.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.206.342-.114.82.319%201.048l1.96.98l-1.96.958c-.456.205-.547.706-.365%201.07c.205.365.752.434%201.071.206l1.846-1.23l-.136%202.164c-.023.434.25.821.706.821M22.23%2056c.41%200%20.706-.388.684-.82l-.16-2.166l1.823%201.231c.32.228.844.137%201.072-.205a.76.76%200%200%200-.365-1.071l-1.96-.958l1.983-.98c.433-.205.524-.706.364-1.048c-.205-.365-.775-.433-1.094-.205l-1.823%201.253l.182-2.188c.046-.456-.296-.82-.706-.82c-.479%200-.752.364-.73.82l.137%202.188l-1.846-1.253c-.32-.228-.798-.183-1.026.205c-.205.342-.114.82.32%201.048l1.96.98l-1.96.958a.765.765%200%200%200-.342%201.07c.205.365.729.434%201.048.206l1.846-1.23l-.114%202.164c-.023.433.228.821.707.821%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%22M12.634%2034.051H40.92c7.225%200%2012.81-5.447%2012.81-12.467c0-7.088-5.835-12.399-13.562-12.33C37.25%203.374%2031.894%200%2025.58%200C17.17%200%2010.082%206.61%209.42%2015.111C5%2016.32%202.15%2020.057%202.15%2024.524c0%205.653%204.24%209.527%2010.484%209.527m10.735%2011.42l3.1-5.425c.387-.684.182-1.482-.479-1.892c-.706-.388-1.504-.16-1.891.524l-3.146%205.447c-.387.661-.182%201.459.525%201.87a1.403%201.403%200%200%200%201.891-.525m-2.62-2.713l1.55-2.712c.387-.661.181-1.482-.502-1.892c-.684-.388-1.482-.16-1.87.524l-1.572%202.735c-.364.661-.182%201.459.502%201.87a1.404%201.404%200%200%200%201.891-.525m15.68.798l1.983-3.442a1.39%201.39%200%200%200-.501-1.915a1.35%201.35%200%200%200-1.87.525l-2.005%203.51c-.365.638-.205%201.435.502%201.846c.683.387%201.504.16%201.891-.524m-25.094%208.957c.433%200%20.73-.388.707-.82l-.16-2.166l1.824%201.23c.319.229.82.138%201.048-.204s.091-.866-.342-1.072l-1.96-.957l1.983-.98a.78.78%200%200%200%20.342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824%201.253l.183-2.188a.732.732%200%200%200-.73-.82c-.456%200-.752.364-.73.82l.16%202.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.205.342-.114.82.319%201.048l1.96.98l-1.96.957c-.456.206-.547.707-.365%201.072c.205.364.752.433%201.071.205l1.846-1.23l-.136%202.164c-.023.433.25.82.706.82m23.886.091c.433%200%20.73-.387.707-.82l-.16-2.166l1.824%201.231c.319.228.82.137%201.048-.205s.091-.866-.342-1.071l-1.96-.958l1.983-.98a.78.78%200%200%200%20.342-1.048c-.205-.365-.752-.433-1.071-.205l-1.824%201.253l.183-2.188a.732.732%200%200%200-.73-.82c-.456%200-.752.364-.73.82l.16%202.188l-1.846-1.253c-.319-.228-.82-.183-1.025.205c-.206.342-.114.82.319%201.048l1.96.98l-1.96.958c-.456.205-.547.706-.365%201.07c.205.365.752.434%201.071.206l1.846-1.23l-.136%202.164c-.023.434.25.821.706.821M22.23%2056c.41%200%20.706-.388.684-.82l-.16-2.166l1.823%201.231c.32.228.844.137%201.072-.205a.76.76%200%200%200-.365-1.071l-1.96-.958l1.983-.98c.433-.205.524-.706.364-1.048c-.205-.365-.775-.433-1.094-.205l-1.823%201.253l.182-2.188c.046-.456-.296-.82-.706-.82c-.479%200-.752.364-.73.82l.137%202.188l-1.846-1.253c-.32-.228-.798-.183-1.026.205c-.205.342-.114.82.32%201.048l1.96.98l-1.96.958a.765.765%200%200%200-.342%201.07c.205.365.729.434%201.048.206l1.846-1.23l-.114%202.164c-.023.433.228.821.707.821%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cloud-sleet-fill.svg?color=%231a73e8&size=48
