Color

Advanced editing in SVG Editor

Carbon Icons

Flood Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: flood

The Flood icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/317796.svg" alt="Flood icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/317796.svg" alt="Flood icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/317796.svg"
  alt="Flood icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-flood {
  background-image: url('https://proicons.com/icon/317796.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
  <defs>
    <style>
      .cls-1 {
        fill: none;
      }
    </style>
  </defs>
  <path d="M29,28a2.8828,2.8828,0,0,1-1-.1816v-.0059a3.7662,3.7662,0,0,1-2.0532-2.1338A.971.971,0,0,0,25,25a1.007,1.007,0,0,0-.9487.6836A3.4376,3.4376,0,0,1,21,28a3.44,3.44,0,0,1-3.0532-2.3213A.9894.9894,0,0,0,17,25a1.007,1.007,0,0,0-.9487.6836A3.4376,3.4376,0,0,1,13,28a3.44,3.44,0,0,1-3.0532-2.3213,1,1,0,0,0-1.8955.0049A3.4376,3.4376,0,0,1,5,28H2v2H5a4.9316,4.9316,0,0,0,4-1.9873,5.0192,5.0192,0,0,0,8,0,5.0192,5.0192,0,0,0,8,0,5.1433,5.1433,0,0,0,2.1379,1.62A4.8374,4.8374,0,0,0,29,30h1V28Z" transform="translate(0 0)"/>
  <path d="M28,13.63,29.7573,15,31,13.4282,16.6123,2.2139a1.0094,1.0094,0,0,0-1.2427,0L1,13.4194l1.2427,1.5718L4,13.6211v5.1875a3.6907,3.6907,0,0,1-2,2.0039V22.896a4.9958,4.9958,0,0,0,3-1.8833,5.0192,5.0192,0,0,0,8,0,5.0192,5.0192,0,0,0,8,0A4.9316,4.9316,0,0,0,25,23h5V21H28Zm-6.0513,5.0532a1,1,0,0,0-1.8955-.0049A3.44,3.44,0,0,1,17,21a3.4376,3.4376,0,0,1-3.0513-2.3164A1.007,1.007,0,0,0,13,18a.9894.9894,0,0,0-.9468.6787A3.44,3.44,0,0,1,9,21a3.37,3.37,0,0,1-3.0021-2.19L6,12.0615l9.991-7.79L26,12.0718,26.0017,21H25A3.4376,3.4376,0,0,1,21.9487,18.6836Z" transform="translate(0 0)"/>
  <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>

Flood in other icon packs

Iconhub

OpenMoji

Game Icons

Simple Icons

Copied!

Flood Icon

More from Carbon Icons

Flood in other icon packs