cloud showers heavy icon
cloud-showers-heavy from Line Awesome by Icons8 · Line · Weather · Apache-2.0 Free for personal and commercial use.
- Name
- cloud-showers-heavy
- Set
- Line Awesome
- Style
- Line
- Category
- Weather
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- cloud-showers-heavy-solid
The same icon in other sets
More weather icons from Line Awesome
Use the cloud showers heavy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-3.332 0-6.05 2.371-6.75 5.5c-1.219.48-2.125 1.371-2.656 2.563C6.394 13.039 6.21 13 6 13c-3.3 0-6 2.7-6 6c0 .066-.004.121 0 .188a5.966 5.966 0 0 0 4.844 5.687L6.75 23H6a3.99 3.99 0 0 1-4-3.875V19c0-2.219 1.781-4 4-4c.293 0 .578.027.875.094l1 .219l.188-.97c.246-1.113 1.14-1.984 2.25-2.25l.656-.155l.094-.688A4.97 4.97 0 0 1 16 7a5 5 0 0 1 4.469 2.75l.375.781l.843-.281c.438-.152.868-.25 1.313-.25c2.219 0 4 1.781 4 4c0-.008-.016.078-.031.313l-.063.718l.657.281A4.01 4.01 0 0 1 30 19c0 2.219-1.781 4-4 4h-.688l-2.03 2H26c3.3 0 6-2.7 6-6c0-2.164-1.27-3.945-3-5c0-3.3-2.7-6-6-6c-.434 0-.797.129-1.188.219C20.563 6.3 18.453 5 16 5m-2.406 14.094l-9.656 9.5L5.343 30L15 20.5zm5 0l-9.657 9.5L10.345 30L20 20.5zm5 0l-9.657 9.5L15.345 30L25 20.5z"/></svg>
React
import type { SVGProps } from "react";
export function LaCloudShowersHeavy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-3.332 0-6.05 2.371-6.75 5.5c-1.219.48-2.125 1.371-2.656 2.563C6.394 13.039 6.21 13 6 13c-3.3 0-6 2.7-6 6c0 .066-.004.121 0 .188a5.966 5.966 0 0 0 4.844 5.687L6.75 23H6a3.99 3.99 0 0 1-4-3.875V19c0-2.219 1.781-4 4-4c.293 0 .578.027.875.094l1 .219l.188-.97c.246-1.113 1.14-1.984 2.25-2.25l.656-.155l.094-.688A4.97 4.97 0 0 1 16 7a5 5 0 0 1 4.469 2.75l.375.781l.843-.281c.438-.152.868-.25 1.313-.25c2.219 0 4 1.781 4 4c0-.008-.016.078-.031.313l-.063.718l.657.281A4.01 4.01 0 0 1 30 19c0 2.219-1.781 4-4 4h-.688l-2.03 2H26c3.3 0 6-2.7 6-6c0-2.164-1.27-3.945-3-5c0-3.3-2.7-6-6-6c-.434 0-.797.129-1.188.219C20.563 6.3 18.453 5 16 5m-2.406 14.094l-9.656 9.5L5.343 30L15 20.5zm5 0l-9.657 9.5L10.345 30L20 20.5zm5 0l-9.657 9.5L15.345 30L25 20.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 5c-3.332 0-6.05 2.371-6.75 5.5c-1.219.48-2.125 1.371-2.656 2.563C6.394 13.039 6.21 13 6 13c-3.3 0-6 2.7-6 6c0 .066-.004.121 0 .188a5.966 5.966 0 0 0 4.844 5.687L6.75 23H6a3.99 3.99 0 0 1-4-3.875V19c0-2.219 1.781-4 4-4c.293 0 .578.027.875.094l1 .219l.188-.97c.246-1.113 1.14-1.984 2.25-2.25l.656-.155l.094-.688A4.97 4.97 0 0 1 16 7a5 5 0 0 1 4.469 2.75l.375.781l.843-.281c.438-.152.868-.25 1.313-.25c2.219 0 4 1.781 4 4c0-.008-.016.078-.031.313l-.063.718l.657.281A4.01 4.01 0 0 1 30 19c0 2.219-1.781 4-4 4h-.688l-2.03 2H26c3.3 0 6-2.7 6-6c0-2.164-1.27-3.945-3-5c0-3.3-2.7-6-6-6c-.434 0-.797.129-1.188.219C20.563 6.3 18.453 5 16 5m-2.406 14.094l-9.656 9.5L5.343 30L15 20.5zm5 0l-9.657 9.5L10.345 30L20 20.5zm5 0l-9.657 9.5L15.345 30L25 20.5z"/></svg> </template>
CSS
.icon-cloud-showers-heavy {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%205c-3.332%200-6.05%202.371-6.75%205.5c-1.219.48-2.125%201.371-2.656%202.563C6.394%2013.039%206.21%2013%206%2013c-3.3%200-6%202.7-6%206c0%20.066-.004.121%200%20.188a5.966%205.966%200%200%200%204.844%205.687L6.75%2023H6a3.99%203.99%200%200%201-4-3.875V19c0-2.219%201.781-4%204-4c.293%200%20.578.027.875.094l1%20.219l.188-.97c.246-1.113%201.14-1.984%202.25-2.25l.656-.155l.094-.688A4.97%204.97%200%200%201%2016%207a5%205%200%200%201%204.469%202.75l.375.781l.843-.281c.438-.152.868-.25%201.313-.25c2.219%200%204%201.781%204%204c0-.008-.016.078-.031.313l-.063.718l.657.281A4.01%204.01%200%200%201%2030%2019c0%202.219-1.781%204-4%204h-.688l-2.03%202H26c3.3%200%206-2.7%206-6c0-2.164-1.27-3.945-3-5c0-3.3-2.7-6-6-6c-.434%200-.797.129-1.188.219C20.563%206.3%2018.453%205%2016%205m-2.406%2014.094l-9.656%209.5L5.343%2030L15%2020.5zm5%200l-9.657%209.5L10.345%2030L20%2020.5zm5%200l-9.657%209.5L15.345%2030L25%2020.5z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16%205c-3.332%200-6.05%202.371-6.75%205.5c-1.219.48-2.125%201.371-2.656%202.563C6.394%2013.039%206.21%2013%206%2013c-3.3%200-6%202.7-6%206c0%20.066-.004.121%200%20.188a5.966%205.966%200%200%200%204.844%205.687L6.75%2023H6a3.99%203.99%200%200%201-4-3.875V19c0-2.219%201.781-4%204-4c.293%200%20.578.027.875.094l1%20.219l.188-.97c.246-1.113%201.14-1.984%202.25-2.25l.656-.155l.094-.688A4.97%204.97%200%200%201%2016%207a5%205%200%200%201%204.469%202.75l.375.781l.843-.281c.438-.152.868-.25%201.313-.25c2.219%200%204%201.781%204%204c0-.008-.016.078-.031.313l-.063.718l.657.281A4.01%204.01%200%200%201%2030%2019c0%202.219-1.781%204-4%204h-.688l-2.03%202H26c3.3%200%206-2.7%206-6c0-2.164-1.27-3.945-3-5c0-3.3-2.7-6-6-6c-.434%200-.797.129-1.188.219C20.563%206.3%2018.453%205%2016%205m-2.406%2014.094l-9.656%209.5L5.343%2030L15%2020.5zm5%200l-9.657%209.5L10.345%2030L20%2020.5zm5%200l-9.657%209.5L15.345%2030L25%2020.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/cloud-showers-heavy.svg?color=%231a73e8&size=48
