water sanitation icon
water-sanitation-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · People · MIT Free for personal and commercial use.
- Name
- water-sanitation-outline-24px
- Set
- Health Icons
- Style
- Outline 24px
- Category
- People
- Viewbox
- 24×24
- License
- MIT
3 other variants in Health Icons
More people icons from Health Icons
agricultureagriculture-workeragriculture-worker-altancvasthmababy-0203-altbaby-0203mbaby-0306mbaby-female-0203m-altbaby-female-0306mbaby-female-0609mbaby-male-0203m-altbaby-male-0306mbaby-male-0609mboy-0105yboy-1015ycall-centrechild-carechild-cognitionchild-programcity-workerclean-handscommunity-healthworkerconstruction-worker
Use the water sanitation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10 3.996C10 2.894 10.895 2 12 2h10v4.99H10zm10 0h-8v.998h8z" clip-rule="evenodd"/><path d="M15.625 8.122a1 1 0 0 1 1.366.365l.25.432a.997.997 0 0 1-.366 1.364a1 1 0 0 1-1.366-.366l-.25-.432a.997.997 0 0 1 .366-1.363m-1.125.864a.999.999 0 0 0-2 0v.5a1 1 0 0 0 2 0zm0 2.994a.999.999 0 0 0-2 0v.5a.999.999 0 0 0 2 0zm3.991-.9a1 1 0 0 0-1.366-.365a.997.997 0 0 0-.366 1.363l.25.432c.276.478.888.641 1.366.366a.997.997 0 0 0 .366-1.364zM11.25 8.122a1 1 0 0 0-1.366.365l-.25.432A.997.997 0 0 0 10 10.283c.478.275 1.09.112 1.366-.366l.25-.432a.997.997 0 0 0-.366-1.363M8.384 11.08c.276-.477.888-.64 1.366-.365a.997.997 0 0 1 .366 1.363l-.25.432a1 1 0 0 1-1.366.366a.997.997 0 0 1-.366-1.364z"/><path fill-rule="evenodd" d="M3.5 13.477c-.828 0-1.5.67-1.5 1.497v4.99c0 .827.672 1.497 1.5 1.497h2a1.5 1.5 0 0 0 1.38-.908c.25.121.508.24.743.335c1.57.64 2.572.91 4.285 1.068c.763.07 1.792.04 2.295.02a2.9 2.9 0 0 0 .995-.223l5.336-2.219a2.249 2.249 0 0 0 .141-4.092l-.192-.095a2.45 2.45 0 0 0-1.867-.133l-2.628.874a2.38 2.38 0 0 0-2.158-2.132l-4.914-.445a2 2 0 0 0-1.21.276l-.864.517a1.5 1.5 0 0 0-1.342-.827zm10.5 2.85v.144h-3.5v1.996h4.338q.324 0 .632-.102l3.778-1.257a.45.45 0 0 1 .34.024l.192.096a.255.255 0 0 1-.016.464l-5.336 2.219a.9.9 0 0 1-.308.07c-.507.021-1.414.044-2.028-.013c-1.494-.138-2.303-.354-3.715-.928A16 16 0 0 1 7 18.373v-1.836L8.735 15.5l4.914.445a.387.387 0 0 1 .351.384m-9-.337v-.517H4v3.992h1z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsWaterSanitationOutline24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M10 3.996C10 2.894 10.895 2 12 2h10v4.99H10zm10 0h-8v.998h8z" clipRule="evenodd"/><path d="M15.625 8.122a1 1 0 0 1 1.366.365l.25.432a.997.997 0 0 1-.366 1.364a1 1 0 0 1-1.366-.366l-.25-.432a.997.997 0 0 1 .366-1.363m-1.125.864a.999.999 0 0 0-2 0v.5a1 1 0 0 0 2 0zm0 2.994a.999.999 0 0 0-2 0v.5a.999.999 0 0 0 2 0zm3.991-.9a1 1 0 0 0-1.366-.365a.997.997 0 0 0-.366 1.363l.25.432c.276.478.888.641 1.366.366a.997.997 0 0 0 .366-1.364zM11.25 8.122a1 1 0 0 0-1.366.365l-.25.432A.997.997 0 0 0 10 10.283c.478.275 1.09.112 1.366-.366l.25-.432a.997.997 0 0 0-.366-1.363M8.384 11.08c.276-.477.888-.64 1.366-.365a.997.997 0 0 1 .366 1.363l-.25.432a1 1 0 0 1-1.366.366a.997.997 0 0 1-.366-1.364z"/><path fillRule="evenodd" d="M3.5 13.477c-.828 0-1.5.67-1.5 1.497v4.99c0 .827.672 1.497 1.5 1.497h2a1.5 1.5 0 0 0 1.38-.908c.25.121.508.24.743.335c1.57.64 2.572.91 4.285 1.068c.763.07 1.792.04 2.295.02a2.9 2.9 0 0 0 .995-.223l5.336-2.219a2.249 2.249 0 0 0 .141-4.092l-.192-.095a2.45 2.45 0 0 0-1.867-.133l-2.628.874a2.38 2.38 0 0 0-2.158-2.132l-4.914-.445a2 2 0 0 0-1.21.276l-.864.517a1.5 1.5 0 0 0-1.342-.827zm10.5 2.85v.144h-3.5v1.996h4.338q.324 0 .632-.102l3.778-1.257a.45.45 0 0 1 .34.024l.192.096a.255.255 0 0 1-.016.464l-5.336 2.219a.9.9 0 0 1-.308.07c-.507.021-1.414.044-2.028-.013c-1.494-.138-2.303-.354-3.715-.928A16 16 0 0 1 7 18.373v-1.836L8.735 15.5l4.914.445a.387.387 0 0 1 .351.384m-9-.337v-.517H4v3.992h1z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M10 3.996C10 2.894 10.895 2 12 2h10v4.99H10zm10 0h-8v.998h8z" clip-rule="evenodd"/><path d="M15.625 8.122a1 1 0 0 1 1.366.365l.25.432a.997.997 0 0 1-.366 1.364a1 1 0 0 1-1.366-.366l-.25-.432a.997.997 0 0 1 .366-1.363m-1.125.864a.999.999 0 0 0-2 0v.5a1 1 0 0 0 2 0zm0 2.994a.999.999 0 0 0-2 0v.5a.999.999 0 0 0 2 0zm3.991-.9a1 1 0 0 0-1.366-.365a.997.997 0 0 0-.366 1.363l.25.432c.276.478.888.641 1.366.366a.997.997 0 0 0 .366-1.364zM11.25 8.122a1 1 0 0 0-1.366.365l-.25.432A.997.997 0 0 0 10 10.283c.478.275 1.09.112 1.366-.366l.25-.432a.997.997 0 0 0-.366-1.363M8.384 11.08c.276-.477.888-.64 1.366-.365a.997.997 0 0 1 .366 1.363l-.25.432a1 1 0 0 1-1.366.366a.997.997 0 0 1-.366-1.364z"/><path fill-rule="evenodd" d="M3.5 13.477c-.828 0-1.5.67-1.5 1.497v4.99c0 .827.672 1.497 1.5 1.497h2a1.5 1.5 0 0 0 1.38-.908c.25.121.508.24.743.335c1.57.64 2.572.91 4.285 1.068c.763.07 1.792.04 2.295.02a2.9 2.9 0 0 0 .995-.223l5.336-2.219a2.249 2.249 0 0 0 .141-4.092l-.192-.095a2.45 2.45 0 0 0-1.867-.133l-2.628.874a2.38 2.38 0 0 0-2.158-2.132l-4.914-.445a2 2 0 0 0-1.21.276l-.864.517a1.5 1.5 0 0 0-1.342-.827zm10.5 2.85v.144h-3.5v1.996h4.338q.324 0 .632-.102l3.778-1.257a.45.45 0 0 1 .34.024l.192.096a.255.255 0 0 1-.016.464l-5.336 2.219a.9.9 0 0 1-.308.07c-.507.021-1.414.044-2.028-.013c-1.494-.138-2.303-.354-3.715-.928A16 16 0 0 1 7 18.373v-1.836L8.735 15.5l4.914.445a.387.387 0 0 1 .351.384m-9-.337v-.517H4v3.992h1z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-water-sanitation-outline-24px {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%203.996C10%202.894%2010.895%202%2012%202h10v4.99H10zm10%200h-8v.998h8z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.625%208.122a1%201%200%200%201%201.366.365l.25.432a.997.997%200%200%201-.366%201.364a1%201%200%200%201-1.366-.366l-.25-.432a.997.997%200%200%201%20.366-1.363m-1.125.864a.999.999%200%200%200-2%200v.5a1%201%200%200%200%202%200zm0%202.994a.999.999%200%200%200-2%200v.5a.999.999%200%200%200%202%200zm3.991-.9a1%201%200%200%200-1.366-.365a.997.997%200%200%200-.366%201.363l.25.432c.276.478.888.641%201.366.366a.997.997%200%200%200%20.366-1.364zM11.25%208.122a1%201%200%200%200-1.366.365l-.25.432A.997.997%200%200%200%2010%2010.283c.478.275%201.09.112%201.366-.366l.25-.432a.997.997%200%200%200-.366-1.363M8.384%2011.08c.276-.477.888-.64%201.366-.365a.997.997%200%200%201%20.366%201.363l-.25.432a1%201%200%200%201-1.366.366a.997.997%200%200%201-.366-1.364z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.5%2013.477c-.828%200-1.5.67-1.5%201.497v4.99c0%20.827.672%201.497%201.5%201.497h2a1.5%201.5%200%200%200%201.38-.908c.25.121.508.24.743.335c1.57.64%202.572.91%204.285%201.068c.763.07%201.792.04%202.295.02a2.9%202.9%200%200%200%20.995-.223l5.336-2.219a2.249%202.249%200%200%200%20.141-4.092l-.192-.095a2.45%202.45%200%200%200-1.867-.133l-2.628.874a2.38%202.38%200%200%200-2.158-2.132l-4.914-.445a2%202%200%200%200-1.21.276l-.864.517a1.5%201.5%200%200%200-1.342-.827zm10.5%202.85v.144h-3.5v1.996h4.338q.324%200%20.632-.102l3.778-1.257a.45.45%200%200%201%20.34.024l.192.096a.255.255%200%200%201-.016.464l-5.336%202.219a.9.9%200%200%201-.308.07c-.507.021-1.414.044-2.028-.013c-1.494-.138-2.303-.354-3.715-.928A16%2016%200%200%201%207%2018.373v-1.836L8.735%2015.5l4.914.445a.387.387%200%200%201%20.351.384m-9-.337v-.517H4v3.992h1z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%203.996C10%202.894%2010.895%202%2012%202h10v4.99H10zm10%200h-8v.998h8z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.625%208.122a1%201%200%200%201%201.366.365l.25.432a.997.997%200%200%201-.366%201.364a1%201%200%200%201-1.366-.366l-.25-.432a.997.997%200%200%201%20.366-1.363m-1.125.864a.999.999%200%200%200-2%200v.5a1%201%200%200%200%202%200zm0%202.994a.999.999%200%200%200-2%200v.5a.999.999%200%200%200%202%200zm3.991-.9a1%201%200%200%200-1.366-.365a.997.997%200%200%200-.366%201.363l.25.432c.276.478.888.641%201.366.366a.997.997%200%200%200%20.366-1.364zM11.25%208.122a1%201%200%200%200-1.366.365l-.25.432A.997.997%200%200%200%2010%2010.283c.478.275%201.09.112%201.366-.366l.25-.432a.997.997%200%200%200-.366-1.363M8.384%2011.08c.276-.477.888-.64%201.366-.365a.997.997%200%200%201%20.366%201.363l-.25.432a1%201%200%200%201-1.366.366a.997.997%200%200%201-.366-1.364z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3.5%2013.477c-.828%200-1.5.67-1.5%201.497v4.99c0%20.827.672%201.497%201.5%201.497h2a1.5%201.5%200%200%200%201.38-.908c.25.121.508.24.743.335c1.57.64%202.572.91%204.285%201.068c.763.07%201.792.04%202.295.02a2.9%202.9%200%200%200%20.995-.223l5.336-2.219a2.249%202.249%200%200%200%20.141-4.092l-.192-.095a2.45%202.45%200%200%200-1.867-.133l-2.628.874a2.38%202.38%200%200%200-2.158-2.132l-4.914-.445a2%202%200%200%200-1.21.276l-.864.517a1.5%201.5%200%200%200-1.342-.827zm10.5%202.85v.144h-3.5v1.996h4.338q.324%200%20.632-.102l3.778-1.257a.45.45%200%200%201%20.34.024l.192.096a.255.255%200%200%201-.016.464l-5.336%202.219a.9.9%200%200%201-.308.07c-.507.021-1.414.044-2.028-.013c-1.494-.138-2.303-.354-3.715-.928A16%2016%200%200%201%207%2018.373v-1.836L8.735%2015.5l4.914.445a.387.387%200%200%201%20.351.384m-9-.337v-.517H4v3.992h1z%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/water-sanitation-outline-24px.svg?color=%231a73e8&size=48
