running water icon
running-water from Health Icons by Resolve to Save Lives · Filled · Objects · MIT Free for personal and commercial use.
- Name
- running-water
- Set
- Health Icons
- Style
- Filled
- Category
- Objects
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More objects icons from Health Icons
Use the running water icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M7 23v19h2V23h1V12H9V6H7v6H6v11zM25 7a1 1 0 0 1-1 1h-5v3h6v13H12V11h5V8h-5a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1m5 4c5.523 0 10 4.477 10 10v3h2v6H28v-6h2v-1a2 2 0 0 0-2-2h-1V11zm5.5 31c1.933 0 3.5-1.628 3.5-3.636C39 35.182 35.5 32 35.5 32S32 35.182 32 38.364C32 40.372 33.567 42 35.5 42"/><path fill-rule="evenodd" d="M9 6H7v6H6v11h1v19h2V23h1V12H9zm26.5 28.988q-.07.09-.137.183c-.81 1.105-1.363 2.26-1.363 3.193c0 .976.743 1.636 1.5 1.636s1.5-.66 1.5-1.636c0-.932-.552-2.087-1.363-3.193zM29.732 22c.17.294.268.636.268 1v1h-2v6h14v-6h-2v-3c0-5.523-4.477-10-10-10h-3v10h1a2 2 0 0 1 1.732 1M29 19.126c1.725.444 3 2.01 3 3.874v3h-2v2h10v-2h-2v-5a8 8 0 0 0-8-8h-1zM14 13v9h9v-9zm11-2v13H12V11h5V8h-5a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2h-5v3zm14 27.364C39 40.372 37.433 42 35.5 42S32 40.372 32 38.364C32 35.182 35.5 32 35.5 32s3.5 3.182 3.5 6.364" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRunningWater(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M7 23v19h2V23h1V12H9V6H7v6H6v11zM25 7a1 1 0 0 1-1 1h-5v3h6v13H12V11h5V8h-5a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1m5 4c5.523 0 10 4.477 10 10v3h2v6H28v-6h2v-1a2 2 0 0 0-2-2h-1V11zm5.5 31c1.933 0 3.5-1.628 3.5-3.636C39 35.182 35.5 32 35.5 32S32 35.182 32 38.364C32 40.372 33.567 42 35.5 42"/><path fillRule="evenodd" d="M9 6H7v6H6v11h1v19h2V23h1V12H9zm26.5 28.988q-.07.09-.137.183c-.81 1.105-1.363 2.26-1.363 3.193c0 .976.743 1.636 1.5 1.636s1.5-.66 1.5-1.636c0-.932-.552-2.087-1.363-3.193zM29.732 22c.17.294.268.636.268 1v1h-2v6h14v-6h-2v-3c0-5.523-4.477-10-10-10h-3v10h1a2 2 0 0 1 1.732 1M29 19.126c1.725.444 3 2.01 3 3.874v3h-2v2h10v-2h-2v-5a8 8 0 0 0-8-8h-1zM14 13v9h9v-9zm11-2v13H12V11h5V8h-5a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2h-5v3zm14 27.364C39 40.372 37.433 42 35.5 42S32 40.372 32 38.364C32 35.182 35.5 32 35.5 32s3.5 3.182 3.5 6.364" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M7 23v19h2V23h1V12H9V6H7v6H6v11zM25 7a1 1 0 0 1-1 1h-5v3h6v13H12V11h5V8h-5a1 1 0 1 1 0-2h12a1 1 0 0 1 1 1m5 4c5.523 0 10 4.477 10 10v3h2v6H28v-6h2v-1a2 2 0 0 0-2-2h-1V11zm5.5 31c1.933 0 3.5-1.628 3.5-3.636C39 35.182 35.5 32 35.5 32S32 35.182 32 38.364C32 40.372 33.567 42 35.5 42"/><path fill-rule="evenodd" d="M9 6H7v6H6v11h1v19h2V23h1V12H9zm26.5 28.988q-.07.09-.137.183c-.81 1.105-1.363 2.26-1.363 3.193c0 .976.743 1.636 1.5 1.636s1.5-.66 1.5-1.636c0-.932-.552-2.087-1.363-3.193zM29.732 22c.17.294.268.636.268 1v1h-2v6h14v-6h-2v-3c0-5.523-4.477-10-10-10h-3v10h1a2 2 0 0 1 1.732 1M29 19.126c1.725.444 3 2.01 3 3.874v3h-2v2h10v-2h-2v-5a8 8 0 0 0-8-8h-1zM14 13v9h9v-9zm11-2v13H12V11h5V8h-5a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2h-5v3zm14 27.364C39 40.372 37.433 42 35.5 42S32 40.372 32 38.364C32 35.182 35.5 32 35.5 32s3.5 3.182 3.5 6.364" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-running-water {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7%2023v19h2V23h1V12H9V6H7v6H6v11zM25%207a1%201%200%200%201-1%201h-5v3h6v13H12V11h5V8h-5a1%201%200%201%201%200-2h12a1%201%200%200%201%201%201m5%204c5.523%200%2010%204.477%2010%2010v3h2v6H28v-6h2v-1a2%202%200%200%200-2-2h-1V11zm5.5%2031c1.933%200%203.5-1.628%203.5-3.636C39%2035.182%2035.5%2032%2035.5%2032S32%2035.182%2032%2038.364C32%2040.372%2033.567%2042%2035.5%2042%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9%206H7v6H6v11h1v19h2V23h1V12H9zm26.5%2028.988q-.07.09-.137.183c-.81%201.105-1.363%202.26-1.363%203.193c0%20.976.743%201.636%201.5%201.636s1.5-.66%201.5-1.636c0-.932-.552-2.087-1.363-3.193zM29.732%2022c.17.294.268.636.268%201v1h-2v6h14v-6h-2v-3c0-5.523-4.477-10-10-10h-3v10h1a2%202%200%200%201%201.732%201M29%2019.126c1.725.444%203%202.01%203%203.874v3h-2v2h10v-2h-2v-5a8%208%200%200%200-8-8h-1zM14%2013v9h9v-9zm11-2v13H12V11h5V8h-5a1%201%200%201%201%200-2h12a1%201%200%201%201%200%202h-5v3zm14%2027.364C39%2040.372%2037.433%2042%2035.5%2042S32%2040.372%2032%2038.364C32%2035.182%2035.5%2032%2035.5%2032s3.5%203.182%203.5%206.364%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7%2023v19h2V23h1V12H9V6H7v6H6v11zM25%207a1%201%200%200%201-1%201h-5v3h6v13H12V11h5V8h-5a1%201%200%201%201%200-2h12a1%201%200%200%201%201%201m5%204c5.523%200%2010%204.477%2010%2010v3h2v6H28v-6h2v-1a2%202%200%200%200-2-2h-1V11zm5.5%2031c1.933%200%203.5-1.628%203.5-3.636C39%2035.182%2035.5%2032%2035.5%2032S32%2035.182%2032%2038.364C32%2040.372%2033.567%2042%2035.5%2042%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9%206H7v6H6v11h1v19h2V23h1V12H9zm26.5%2028.988q-.07.09-.137.183c-.81%201.105-1.363%202.26-1.363%203.193c0%20.976.743%201.636%201.5%201.636s1.5-.66%201.5-1.636c0-.932-.552-2.087-1.363-3.193zM29.732%2022c.17.294.268.636.268%201v1h-2v6h14v-6h-2v-3c0-5.523-4.477-10-10-10h-3v10h1a2%202%200%200%201%201.732%201M29%2019.126c1.725.444%203%202.01%203%203.874v3h-2v2h10v-2h-2v-5a8%208%200%200%200-8-8h-1zM14%2013v9h9v-9zm11-2v13H12V11h5V8h-5a1%201%200%201%201%200-2h12a1%201%200%201%201%200%202h-5v3zm14%2027.364C39%2040.372%2037.433%2042%2035.5%2042S32%2040.372%2032%2038.364C32%2035.182%2035.5%2032%2035.5%2032s3.5%203.182%203.5%206.364%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/running-water.svg?color=%231a73e8&size=48
