flood icon

flood-outline from Material Symbols by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.

Name: flood-outline
Set: Material Symbols
Style: Outline
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: flood-outline-sharp

3 other variants in Material Symbols

flood flood-outline-rounded flood-rounded

The same icon in other sets

floodCarbon floodMaterial Symbols Light floodOpenMoji flood-fillRemix Icon floodSimple Icons floodTabler Icons

More social icons from Material Symbols

Use the flood icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22v-2q.95 0 1.413-.5T5.35 19t1.925.5t1.4.5t1.4-.5T12 19q1.425 0 1.938.5t1.412.5q.95 0 1.4-.5t1.925-.5t1.925.5t1.4.5v2q-1.45 0-1.925-.5t-1.4-.5t-1.4.5t-1.925.5t-1.937-.5T12 21q-.95 0-1.4.5t-1.925.5t-1.925-.5t-1.4-.5q-.925 0-1.4.5T2 22m6.675-4.5q-1.425 0-1.925-.5t-1.4-.5q-.875 0-1.4.5T2 17.5v-2q.95 0 1.4-.5t1.925-.5q.15 0 .3.013t.275.037l-.95-3.5l-1.375 1.8L2 11.6L9.775 2L21.3 6.4l-.725 1.875l-2.1-.85L20.5 14.95q.35.2.687.375T22 15.5v2q-1.425-.025-1.925-.513t-1.4-.487q-.95 0-1.4.5t-1.925.5q-1.425 0-1.937-.5T12 16.5q-.95 0-1.4.5t-1.925.5m0-2q.75 0 1.162-.35t1.263-.55l-.925-3.4l3.875-1.025l1.4 5.3q.775-.05 1.225-.462t1.625-.488L16.15 6.5l-5.725-2.1L6.5 9.1l1.725 6.35q.1.025.212.038t.238.012M12.4 9.95"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsFloodOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22v-2q.95 0 1.413-.5T5.35 19t1.925.5t1.4.5t1.4-.5T12 19q1.425 0 1.938.5t1.412.5q.95 0 1.4-.5t1.925-.5t1.925.5t1.4.5v2q-1.45 0-1.925-.5t-1.4-.5t-1.4.5t-1.925.5t-1.937-.5T12 21q-.95 0-1.4.5t-1.925.5t-1.925-.5t-1.4-.5q-.925 0-1.4.5T2 22m6.675-4.5q-1.425 0-1.925-.5t-1.4-.5q-.875 0-1.4.5T2 17.5v-2q.95 0 1.4-.5t1.925-.5q.15 0 .3.013t.275.037l-.95-3.5l-1.375 1.8L2 11.6L9.775 2L21.3 6.4l-.725 1.875l-2.1-.85L20.5 14.95q.35.2.687.375T22 15.5v2q-1.425-.025-1.925-.513t-1.4-.487q-.95 0-1.4.5t-1.925.5q-1.425 0-1.937-.5T12 16.5q-.95 0-1.4.5t-1.925.5m0-2q.75 0 1.162-.35t1.263-.55l-.925-3.4l3.875-1.025l1.4 5.3q.775-.05 1.225-.462t1.625-.488L16.15 6.5l-5.725-2.1L6.5 9.1l1.725 6.35q.1.025.212.038t.238.012M12.4 9.95"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 22v-2q.95 0 1.413-.5T5.35 19t1.925.5t1.4.5t1.4-.5T12 19q1.425 0 1.938.5t1.412.5q.95 0 1.4-.5t1.925-.5t1.925.5t1.4.5v2q-1.45 0-1.925-.5t-1.4-.5t-1.4.5t-1.925.5t-1.937-.5T12 21q-.95 0-1.4.5t-1.925.5t-1.925-.5t-1.4-.5q-.925 0-1.4.5T2 22m6.675-4.5q-1.425 0-1.925-.5t-1.4-.5q-.875 0-1.4.5T2 17.5v-2q.95 0 1.4-.5t1.925-.5q.15 0 .3.013t.275.037l-.95-3.5l-1.375 1.8L2 11.6L9.775 2L21.3 6.4l-.725 1.875l-2.1-.85L20.5 14.95q.35.2.687.375T22 15.5v2q-1.425-.025-1.925-.513t-1.4-.487q-.95 0-1.4.5t-1.925.5q-1.425 0-1.937-.5T12 16.5q-.95 0-1.4.5t-1.925.5m0-2q.75 0 1.162-.35t1.263-.55l-.925-3.4l3.875-1.025l1.4 5.3q.775-.05 1.225-.462t1.625-.488L16.15 6.5l-5.725-2.1L6.5 9.1l1.725 6.35q.1.025.212.038t.238.012M12.4 9.95"/></svg>
</template>

CSS

.icon-flood-outline {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2022v-2q.95%200%201.413-.5T5.35%2019t1.925.5t1.4.5t1.4-.5T12%2019q1.425%200%201.938.5t1.412.5q.95%200%201.4-.5t1.925-.5t1.925.5t1.4.5v2q-1.45%200-1.925-.5t-1.4-.5t-1.4.5t-1.925.5t-1.937-.5T12%2021q-.95%200-1.4.5t-1.925.5t-1.925-.5t-1.4-.5q-.925%200-1.4.5T2%2022m6.675-4.5q-1.425%200-1.925-.5t-1.4-.5q-.875%200-1.4.5T2%2017.5v-2q.95%200%201.4-.5t1.925-.5q.15%200%20.3.013t.275.037l-.95-3.5l-1.375%201.8L2%2011.6L9.775%202L21.3%206.4l-.725%201.875l-2.1-.85L20.5%2014.95q.35.2.687.375T22%2015.5v2q-1.425-.025-1.925-.513t-1.4-.487q-.95%200-1.4.5t-1.925.5q-1.425%200-1.937-.5T12%2016.5q-.95%200-1.4.5t-1.925.5m0-2q.75%200%201.162-.35t1.263-.55l-.925-3.4l3.875-1.025l1.4%205.3q.775-.05%201.225-.462t1.625-.488L16.15%206.5l-5.725-2.1L6.5%209.1l1.725%206.35q.1.025.212.038t.238.012M12.4%209.95%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2%2022v-2q.95%200%201.413-.5T5.35%2019t1.925.5t1.4.5t1.4-.5T12%2019q1.425%200%201.938.5t1.412.5q.95%200%201.4-.5t1.925-.5t1.925.5t1.4.5v2q-1.45%200-1.925-.5t-1.4-.5t-1.4.5t-1.925.5t-1.937-.5T12%2021q-.95%200-1.4.5t-1.925.5t-1.925-.5t-1.4-.5q-.925%200-1.4.5T2%2022m6.675-4.5q-1.425%200-1.925-.5t-1.4-.5q-.875%200-1.4.5T2%2017.5v-2q.95%200%201.4-.5t1.925-.5q.15%200%20.3.013t.275.037l-.95-3.5l-1.375%201.8L2%2011.6L9.775%202L21.3%206.4l-.725%201.875l-2.1-.85L20.5%2014.95q.35.2.687.375T22%2015.5v2q-1.425-.025-1.925-.513t-1.4-.487q-.95%200-1.4.5t-1.925.5q-1.425%200-1.937-.5T12%2016.5q-.95%200-1.4.5t-1.925.5m0-2q.75%200%201.162-.35t1.263-.55l-.925-3.4l3.875-1.025l1.4%205.3q.775-.05%201.225-.462t1.625-.488L16.15%206.5l-5.725-2.1L6.5%209.1l1.725%206.35q.1.025.212.038t.238.012M12.4%209.95%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/flood-outline.svg?color=%231a73e8&size=48