poo storm icon

poo-storm from Line Awesome by Icons8 · Line · Weather · Apache-2.0 Free for personal and commercial use.

Name: poo-storm
Set: Line Awesome
Style: Line
Category: Weather
Viewbox: 32×32
License: Apache 2.0
Aliases: poo-storm-solid

The same icon in other sets

poo-stormFont Awesome 6 Solid poo-stormFont Awesome Solid

More weather icons from Line Awesome

Use the poo storm icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 4c-2.838 0-6 2.613-6 6.363V11h-1c-2.206 0-4 1.794-4 4c0 .408.064.811.188 1.195A4.51 4.51 0 0 0 3 20.5C3 22.981 5.019 25 7.5 25H15v-.59L10.77 23H7.5A2.5 2.5 0 0 1 5 20.5C5 19.121 6.121 18 7.5 18h2.535l-1.512-1.672A2 2 0 0 1 8 15c0-1.103.897-2 2-2h3v-2.637c0-2 1.426-3.636 2.953-4.175c.073 1.904.899 2.691 1.883 3.421c.7.521 1.164.865 1.164 2.391v1h3c1.103 0 2 .897 2 2c0 .483-.186.954-.523 1.328L21.965 18H24.5c1.379 0 2.5 1.121 2.5 2.5S25.879 23 24.5 23h-2.576L21 25h3.5c2.481 0 4.5-2.019 4.5-4.5a4.51 4.51 0 0 0-3.188-4.305A3.9 3.9 0 0 0 26 15c0-2.206-1.794-4-4-4h-1.066c-.257-1.773-1.194-2.468-1.907-2.996c-.747-.555-1.242-.923-1.033-2.899L18.111 4zm0 11.5l-3 6.469l3 1V28.5l3-6.5l-3-1z"/></svg>

React

import type { SVGProps } from "react";

export function LaPooStorm(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="M17 4c-2.838 0-6 2.613-6 6.363V11h-1c-2.206 0-4 1.794-4 4c0 .408.064.811.188 1.195A4.51 4.51 0 0 0 3 20.5C3 22.981 5.019 25 7.5 25H15v-.59L10.77 23H7.5A2.5 2.5 0 0 1 5 20.5C5 19.121 6.121 18 7.5 18h2.535l-1.512-1.672A2 2 0 0 1 8 15c0-1.103.897-2 2-2h3v-2.637c0-2 1.426-3.636 2.953-4.175c.073 1.904.899 2.691 1.883 3.421c.7.521 1.164.865 1.164 2.391v1h3c1.103 0 2 .897 2 2c0 .483-.186.954-.523 1.328L21.965 18H24.5c1.379 0 2.5 1.121 2.5 2.5S25.879 23 24.5 23h-2.576L21 25h3.5c2.481 0 4.5-2.019 4.5-4.5a4.51 4.51 0 0 0-3.188-4.305A3.9 3.9 0 0 0 26 15c0-2.206-1.794-4-4-4h-1.066c-.257-1.773-1.194-2.468-1.907-2.996c-.747-.555-1.242-.923-1.033-2.899L18.111 4zm0 11.5l-3 6.469l3 1V28.5l3-6.5l-3-1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M17 4c-2.838 0-6 2.613-6 6.363V11h-1c-2.206 0-4 1.794-4 4c0 .408.064.811.188 1.195A4.51 4.51 0 0 0 3 20.5C3 22.981 5.019 25 7.5 25H15v-.59L10.77 23H7.5A2.5 2.5 0 0 1 5 20.5C5 19.121 6.121 18 7.5 18h2.535l-1.512-1.672A2 2 0 0 1 8 15c0-1.103.897-2 2-2h3v-2.637c0-2 1.426-3.636 2.953-4.175c.073 1.904.899 2.691 1.883 3.421c.7.521 1.164.865 1.164 2.391v1h3c1.103 0 2 .897 2 2c0 .483-.186.954-.523 1.328L21.965 18H24.5c1.379 0 2.5 1.121 2.5 2.5S25.879 23 24.5 23h-2.576L21 25h3.5c2.481 0 4.5-2.019 4.5-4.5a4.51 4.51 0 0 0-3.188-4.305A3.9 3.9 0 0 0 26 15c0-2.206-1.794-4-4-4h-1.066c-.257-1.773-1.194-2.468-1.907-2.996c-.747-.555-1.242-.923-1.033-2.899L18.111 4zm0 11.5l-3 6.469l3 1V28.5l3-6.5l-3-1z"/></svg>
</template>

CSS

.icon-poo-storm {
  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%22M17%204c-2.838%200-6%202.613-6%206.363V11h-1c-2.206%200-4%201.794-4%204c0%20.408.064.811.188%201.195A4.51%204.51%200%200%200%203%2020.5C3%2022.981%205.019%2025%207.5%2025H15v-.59L10.77%2023H7.5A2.5%202.5%200%200%201%205%2020.5C5%2019.121%206.121%2018%207.5%2018h2.535l-1.512-1.672A2%202%200%200%201%208%2015c0-1.103.897-2%202-2h3v-2.637c0-2%201.426-3.636%202.953-4.175c.073%201.904.899%202.691%201.883%203.421c.7.521%201.164.865%201.164%202.391v1h3c1.103%200%202%20.897%202%202c0%20.483-.186.954-.523%201.328L21.965%2018H24.5c1.379%200%202.5%201.121%202.5%202.5S25.879%2023%2024.5%2023h-2.576L21%2025h3.5c2.481%200%204.5-2.019%204.5-4.5a4.51%204.51%200%200%200-3.188-4.305A3.9%203.9%200%200%200%2026%2015c0-2.206-1.794-4-4-4h-1.066c-.257-1.773-1.194-2.468-1.907-2.996c-.747-.555-1.242-.923-1.033-2.899L18.111%204zm0%2011.5l-3%206.469l3%201V28.5l3-6.5l-3-1z%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%22M17%204c-2.838%200-6%202.613-6%206.363V11h-1c-2.206%200-4%201.794-4%204c0%20.408.064.811.188%201.195A4.51%204.51%200%200%200%203%2020.5C3%2022.981%205.019%2025%207.5%2025H15v-.59L10.77%2023H7.5A2.5%202.5%200%200%201%205%2020.5C5%2019.121%206.121%2018%207.5%2018h2.535l-1.512-1.672A2%202%200%200%201%208%2015c0-1.103.897-2%202-2h3v-2.637c0-2%201.426-3.636%202.953-4.175c.073%201.904.899%202.691%201.883%203.421c.7.521%201.164.865%201.164%202.391v1h3c1.103%200%202%20.897%202%202c0%20.483-.186.954-.523%201.328L21.965%2018H24.5c1.379%200%202.5%201.121%202.5%202.5S25.879%2023%2024.5%2023h-2.576L21%2025h3.5c2.481%200%204.5-2.019%204.5-4.5a4.51%204.51%200%200%200-3.188-4.305A3.9%203.9%200%200%200%2026%2015c0-2.206-1.794-4-4-4h-1.066c-.257-1.773-1.194-2.468-1.907-2.996c-.747-.555-1.242-.923-1.033-2.899L18.111%204zm0%2011.5l-3%206.469l3%201V28.5l3-6.5l-3-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/poo-storm.svg?color=%231a73e8&size=48