cloud meatball icon
cloud-meatball from Line Awesome by Icons8 · Line · Weather · Apache-2.0 Free for personal and commercial use.
- Name
- cloud-meatball
- Set
- Line Awesome
- Style
- Line
- Category
- Weather
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- cloud-meatball-solid
The same icon in other sets
More weather icons from Line Awesome
Use the cloud meatball icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M16 4c-3.227 0-6.027 2.258-6.781 5.344a5.12 5.12 0 0 0-2.813 2.687C2.91 11.772 0 14.555 0 18c0 3.309 2.691 6 6 6h3v-2H6c-2.207 0-4-1.793-4-4a4.003 4.003 0 0 1 4.875-3.906l1 .219l.188-.97c.245-1.104 1.144-1.983 2.25-2.25l.656-.155l.094-.657C11.422 7.847 13.543 6 16 6a4.99 4.99 0 0 1 4.469 2.75l.375.781l.843-.281C22.155 9.086 22.582 9 23 9c2.207 0 4 1.793 4 4c0 .039.004.09 0 .125c-.008.066-.023.117-.031.188l-.063.718l.657.281A4.003 4.003 0 0 1 26 22h-2v2h2c3.309 0 6-2.691 6-6a5.98 5.98 0 0 0-3-5.188C28.895 9.595 26.242 7 23 7a5.6 5.6 0 0 0-1.188.125A6.94 6.94 0 0 0 16 4m5 9c-.637 0-1.152.515-1.152 1.152c0 .043.02.08.023.121a1.14 1.14 0 0 0-1.533.065a1.14 1.14 0 0 0-.065 1.533c-.042-.005-.078-.023-.12-.023a1.152 1.152 0 1 0 0 2.304c.042 0 .078-.02.12-.023a1.14 1.14 0 0 0 .065 1.533a1.14 1.14 0 0 0 1.533.065c-.005.042-.023.078-.023.12a1.152 1.152 0 1 0 2.304 0c0-.042-.02-.078-.023-.12a1.14 1.14 0 0 0 1.533-.065a1.14 1.14 0 0 0 .065-1.533c.042.005.078.023.12.023a1.152 1.152 0 1 0 0-2.304c-.042 0-.078.02-.12.023a1.14 1.14 0 0 0-.065-1.533a1.14 1.14 0 0 0-1.533-.065c.005-.042.023-.078.023-.12A1.15 1.15 0 0 0 21 13m-9 2a1 1 0 0 0-1 1a1 1 0 0 0 0 2a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0 0-2a1 1 0 0 0-1-1m3 6c-.637 0-1.152.515-1.152 1.152c0 .043.02.08.023.121a1.14 1.14 0 0 0-1.533.065a1.14 1.14 0 0 0-.065 1.533c-.042-.005-.078-.023-.12-.023a1.152 1.152 0 1 0 0 2.304c.042 0 .078-.02.12-.023a1.14 1.14 0 0 0 .065 1.533a1.14 1.14 0 0 0 1.533.065c-.005.042-.023.078-.023.12a1.152 1.152 0 1 0 2.304 0c0-.042-.02-.078-.023-.12a1.14 1.14 0 0 0 1.533-.065a1.14 1.14 0 0 0 .065-1.533c.042.005.078.023.12.023a1.152 1.152 0 1 0 0-2.304c-.042 0-.078.02-.12.023a1.14 1.14 0 0 0-.065-1.533a1.14 1.14 0 0 0-1.533-.065c.005-.042.023-.078.023-.12A1.15 1.15 0 0 0 15 21"/></svg>
React
import type { SVGProps } from "react";
export function LaCloudMeatball(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 4c-3.227 0-6.027 2.258-6.781 5.344a5.12 5.12 0 0 0-2.813 2.687C2.91 11.772 0 14.555 0 18c0 3.309 2.691 6 6 6h3v-2H6c-2.207 0-4-1.793-4-4a4.003 4.003 0 0 1 4.875-3.906l1 .219l.188-.97c.245-1.104 1.144-1.983 2.25-2.25l.656-.155l.094-.657C11.422 7.847 13.543 6 16 6a4.99 4.99 0 0 1 4.469 2.75l.375.781l.843-.281C22.155 9.086 22.582 9 23 9c2.207 0 4 1.793 4 4c0 .039.004.09 0 .125c-.008.066-.023.117-.031.188l-.063.718l.657.281A4.003 4.003 0 0 1 26 22h-2v2h2c3.309 0 6-2.691 6-6a5.98 5.98 0 0 0-3-5.188C28.895 9.595 26.242 7 23 7a5.6 5.6 0 0 0-1.188.125A6.94 6.94 0 0 0 16 4m5 9c-.637 0-1.152.515-1.152 1.152c0 .043.02.08.023.121a1.14 1.14 0 0 0-1.533.065a1.14 1.14 0 0 0-.065 1.533c-.042-.005-.078-.023-.12-.023a1.152 1.152 0 1 0 0 2.304c.042 0 .078-.02.12-.023a1.14 1.14 0 0 0 .065 1.533a1.14 1.14 0 0 0 1.533.065c-.005.042-.023.078-.023.12a1.152 1.152 0 1 0 2.304 0c0-.042-.02-.078-.023-.12a1.14 1.14 0 0 0 1.533-.065a1.14 1.14 0 0 0 .065-1.533c.042.005.078.023.12.023a1.152 1.152 0 1 0 0-2.304c-.042 0-.078.02-.12.023a1.14 1.14 0 0 0-.065-1.533a1.14 1.14 0 0 0-1.533-.065c.005-.042.023-.078.023-.12A1.15 1.15 0 0 0 21 13m-9 2a1 1 0 0 0-1 1a1 1 0 0 0 0 2a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0 0-2a1 1 0 0 0-1-1m3 6c-.637 0-1.152.515-1.152 1.152c0 .043.02.08.023.121a1.14 1.14 0 0 0-1.533.065a1.14 1.14 0 0 0-.065 1.533c-.042-.005-.078-.023-.12-.023a1.152 1.152 0 1 0 0 2.304c.042 0 .078-.02.12-.023a1.14 1.14 0 0 0 .065 1.533a1.14 1.14 0 0 0 1.533.065c-.005.042-.023.078-.023.12a1.152 1.152 0 1 0 2.304 0c0-.042-.02-.078-.023-.12a1.14 1.14 0 0 0 1.533-.065a1.14 1.14 0 0 0 .065-1.533c.042.005.078.023.12.023a1.152 1.152 0 1 0 0-2.304c-.042 0-.078.02-.12.023a1.14 1.14 0 0 0-.065-1.533a1.14 1.14 0 0 0-1.533-.065c.005-.042.023-.078.023-.12A1.15 1.15 0 0 0 15 21"/></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 4c-3.227 0-6.027 2.258-6.781 5.344a5.12 5.12 0 0 0-2.813 2.687C2.91 11.772 0 14.555 0 18c0 3.309 2.691 6 6 6h3v-2H6c-2.207 0-4-1.793-4-4a4.003 4.003 0 0 1 4.875-3.906l1 .219l.188-.97c.245-1.104 1.144-1.983 2.25-2.25l.656-.155l.094-.657C11.422 7.847 13.543 6 16 6a4.99 4.99 0 0 1 4.469 2.75l.375.781l.843-.281C22.155 9.086 22.582 9 23 9c2.207 0 4 1.793 4 4c0 .039.004.09 0 .125c-.008.066-.023.117-.031.188l-.063.718l.657.281A4.003 4.003 0 0 1 26 22h-2v2h2c3.309 0 6-2.691 6-6a5.98 5.98 0 0 0-3-5.188C28.895 9.595 26.242 7 23 7a5.6 5.6 0 0 0-1.188.125A6.94 6.94 0 0 0 16 4m5 9c-.637 0-1.152.515-1.152 1.152c0 .043.02.08.023.121a1.14 1.14 0 0 0-1.533.065a1.14 1.14 0 0 0-.065 1.533c-.042-.005-.078-.023-.12-.023a1.152 1.152 0 1 0 0 2.304c.042 0 .078-.02.12-.023a1.14 1.14 0 0 0 .065 1.533a1.14 1.14 0 0 0 1.533.065c-.005.042-.023.078-.023.12a1.152 1.152 0 1 0 2.304 0c0-.042-.02-.078-.023-.12a1.14 1.14 0 0 0 1.533-.065a1.14 1.14 0 0 0 .065-1.533c.042.005.078.023.12.023a1.152 1.152 0 1 0 0-2.304c-.042 0-.078.02-.12.023a1.14 1.14 0 0 0-.065-1.533a1.14 1.14 0 0 0-1.533-.065c.005-.042.023-.078.023-.12A1.15 1.15 0 0 0 21 13m-9 2a1 1 0 0 0-1 1a1 1 0 0 0 0 2a1 1 0 0 0 1 1a1 1 0 0 0 1-1a1 1 0 0 0 0-2a1 1 0 0 0-1-1m3 6c-.637 0-1.152.515-1.152 1.152c0 .043.02.08.023.121a1.14 1.14 0 0 0-1.533.065a1.14 1.14 0 0 0-.065 1.533c-.042-.005-.078-.023-.12-.023a1.152 1.152 0 1 0 0 2.304c.042 0 .078-.02.12-.023a1.14 1.14 0 0 0 .065 1.533a1.14 1.14 0 0 0 1.533.065c-.005.042-.023.078-.023.12a1.152 1.152 0 1 0 2.304 0c0-.042-.02-.078-.023-.12a1.14 1.14 0 0 0 1.533-.065a1.14 1.14 0 0 0 .065-1.533c.042.005.078.023.12.023a1.152 1.152 0 1 0 0-2.304c-.042 0-.078.02-.12.023a1.14 1.14 0 0 0-.065-1.533a1.14 1.14 0 0 0-1.533-.065c.005-.042.023-.078.023-.12A1.15 1.15 0 0 0 15 21"/></svg> </template>
CSS
.icon-cloud-meatball {
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%204c-3.227%200-6.027%202.258-6.781%205.344a5.12%205.12%200%200%200-2.813%202.687C2.91%2011.772%200%2014.555%200%2018c0%203.309%202.691%206%206%206h3v-2H6c-2.207%200-4-1.793-4-4a4.003%204.003%200%200%201%204.875-3.906l1%20.219l.188-.97c.245-1.104%201.144-1.983%202.25-2.25l.656-.155l.094-.657C11.422%207.847%2013.543%206%2016%206a4.99%204.99%200%200%201%204.469%202.75l.375.781l.843-.281C22.155%209.086%2022.582%209%2023%209c2.207%200%204%201.793%204%204c0%20.039.004.09%200%20.125c-.008.066-.023.117-.031.188l-.063.718l.657.281A4.003%204.003%200%200%201%2026%2022h-2v2h2c3.309%200%206-2.691%206-6a5.98%205.98%200%200%200-3-5.188C28.895%209.595%2026.242%207%2023%207a5.6%205.6%200%200%200-1.188.125A6.94%206.94%200%200%200%2016%204m5%209c-.637%200-1.152.515-1.152%201.152c0%20.043.02.08.023.121a1.14%201.14%200%200%200-1.533.065a1.14%201.14%200%200%200-.065%201.533c-.042-.005-.078-.023-.12-.023a1.152%201.152%200%201%200%200%202.304c.042%200%20.078-.02.12-.023a1.14%201.14%200%200%200%20.065%201.533a1.14%201.14%200%200%200%201.533.065c-.005.042-.023.078-.023.12a1.152%201.152%200%201%200%202.304%200c0-.042-.02-.078-.023-.12a1.14%201.14%200%200%200%201.533-.065a1.14%201.14%200%200%200%20.065-1.533c.042.005.078.023.12.023a1.152%201.152%200%201%200%200-2.304c-.042%200-.078.02-.12.023a1.14%201.14%200%200%200-.065-1.533a1.14%201.14%200%200%200-1.533-.065c.005-.042.023-.078.023-.12A1.15%201.15%200%200%200%2021%2013m-9%202a1%201%200%200%200-1%201a1%201%200%200%200%200%202a1%201%200%200%200%201%201a1%201%200%200%200%201-1a1%201%200%200%200%200-2a1%201%200%200%200-1-1m3%206c-.637%200-1.152.515-1.152%201.152c0%20.043.02.08.023.121a1.14%201.14%200%200%200-1.533.065a1.14%201.14%200%200%200-.065%201.533c-.042-.005-.078-.023-.12-.023a1.152%201.152%200%201%200%200%202.304c.042%200%20.078-.02.12-.023a1.14%201.14%200%200%200%20.065%201.533a1.14%201.14%200%200%200%201.533.065c-.005.042-.023.078-.023.12a1.152%201.152%200%201%200%202.304%200c0-.042-.02-.078-.023-.12a1.14%201.14%200%200%200%201.533-.065a1.14%201.14%200%200%200%20.065-1.533c.042.005.078.023.12.023a1.152%201.152%200%201%200%200-2.304c-.042%200-.078.02-.12.023a1.14%201.14%200%200%200-.065-1.533a1.14%201.14%200%200%200-1.533-.065c.005-.042.023-.078.023-.12A1.15%201.15%200%200%200%2015%2021%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%204c-3.227%200-6.027%202.258-6.781%205.344a5.12%205.12%200%200%200-2.813%202.687C2.91%2011.772%200%2014.555%200%2018c0%203.309%202.691%206%206%206h3v-2H6c-2.207%200-4-1.793-4-4a4.003%204.003%200%200%201%204.875-3.906l1%20.219l.188-.97c.245-1.104%201.144-1.983%202.25-2.25l.656-.155l.094-.657C11.422%207.847%2013.543%206%2016%206a4.99%204.99%200%200%201%204.469%202.75l.375.781l.843-.281C22.155%209.086%2022.582%209%2023%209c2.207%200%204%201.793%204%204c0%20.039.004.09%200%20.125c-.008.066-.023.117-.031.188l-.063.718l.657.281A4.003%204.003%200%200%201%2026%2022h-2v2h2c3.309%200%206-2.691%206-6a5.98%205.98%200%200%200-3-5.188C28.895%209.595%2026.242%207%2023%207a5.6%205.6%200%200%200-1.188.125A6.94%206.94%200%200%200%2016%204m5%209c-.637%200-1.152.515-1.152%201.152c0%20.043.02.08.023.121a1.14%201.14%200%200%200-1.533.065a1.14%201.14%200%200%200-.065%201.533c-.042-.005-.078-.023-.12-.023a1.152%201.152%200%201%200%200%202.304c.042%200%20.078-.02.12-.023a1.14%201.14%200%200%200%20.065%201.533a1.14%201.14%200%200%200%201.533.065c-.005.042-.023.078-.023.12a1.152%201.152%200%201%200%202.304%200c0-.042-.02-.078-.023-.12a1.14%201.14%200%200%200%201.533-.065a1.14%201.14%200%200%200%20.065-1.533c.042.005.078.023.12.023a1.152%201.152%200%201%200%200-2.304c-.042%200-.078.02-.12.023a1.14%201.14%200%200%200-.065-1.533a1.14%201.14%200%200%200-1.533-.065c.005-.042.023-.078.023-.12A1.15%201.15%200%200%200%2021%2013m-9%202a1%201%200%200%200-1%201a1%201%200%200%200%200%202a1%201%200%200%200%201%201a1%201%200%200%200%201-1a1%201%200%200%200%200-2a1%201%200%200%200-1-1m3%206c-.637%200-1.152.515-1.152%201.152c0%20.043.02.08.023.121a1.14%201.14%200%200%200-1.533.065a1.14%201.14%200%200%200-.065%201.533c-.042-.005-.078-.023-.12-.023a1.152%201.152%200%201%200%200%202.304c.042%200%20.078-.02.12-.023a1.14%201.14%200%200%200%20.065%201.533a1.14%201.14%200%200%200%201.533.065c-.005.042-.023.078-.023.12a1.152%201.152%200%201%200%202.304%200c0-.042-.02-.078-.023-.12a1.14%201.14%200%200%200%201.533-.065a1.14%201.14%200%200%200%20.065-1.533c.042.005.078.023.12.023a1.152%201.152%200%201%200%200-2.304c-.042%200-.078.02-.12.023a1.14%201.14%200%200%200-.065-1.533a1.14%201.14%200%200%200-1.533-.065c.005-.042.023-.078.023-.12A1.15%201.15%200%200%200%2015%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/cloud-meatball.svg?color=%231a73e8&size=48
