water sanitation icon
water-sanitation-24px from Health Icons by Resolve to Save Lives · Filled 24px · People · MIT Free for personal and commercial use.
- Name
- water-sanitation-24px
- Set
- Health Icons
- Style
- Filled 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"><path fill="currentColor" d="M12 2a2 2 0 0 0-2 2v3h12V2zm1.5 9a1 1 0 0 1 1 1v.5a1 1 0 1 1-2 0V12a1 1 0 0 1 1-1m3.491-2.5a1 1 0 1 0-1.732 1l.25.433a1 1 0 1 0 1.732-1zM14.5 9a1 1 0 1 0-2 0v.5a1 1 0 0 0 2 0zm2.625 1.732a1 1 0 0 1 1.366.366l.25.433a1 1 0 1 1-1.732 1l-.25-.433a1 1 0 0 1 .366-1.366M9.884 8.5a1 1 0 1 1 1.732 1l-.25.433a1 1 0 1 1-1.732-1zm-.134 2.232a1 1 0 0 0-1.366.366l-.25.433a1 1 0 0 0 1.732 1l.25-.433a1 1 0 0 0-.366-1.366M4 14.5H2.5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5H4zm3.258 6.24c-.566-.247-1.297-.653-1.772-.926a.98.98 0 0 1-.486-.85V16.44a1 1 0 0 1 .459-.841l2.048-1.318c.205-.133.444-.191.683-.168l5.548.541c.194.02.384.077.558.17c.53.285.865.866.865 1.502v.35q-.245.079-.582.164c-.814.204-2.024.41-3.579.41h-.5v1h.5c1.645 0 2.935-.218 3.821-.44c.443-.11.785-.222 1.019-.307a6 6 0 0 0 .343-.136l.02-.01l.007-.003h.002l.001-.001l-.007-.015l.007.015l.153-.072l3.166-1.133a1.7 1.7 0 0 1 1.374.103l.13.07a1.56 1.56 0 0 1-.101 2.797l-6.008 2.686a1.9 1.9 0 0 1-.69.166c-.566.026-1.675.06-2.463-.018c-1.81-.18-2.832-.476-4.516-1.212"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsWaterSanitation24px(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="M12 2a2 2 0 0 0-2 2v3h12V2zm1.5 9a1 1 0 0 1 1 1v.5a1 1 0 1 1-2 0V12a1 1 0 0 1 1-1m3.491-2.5a1 1 0 1 0-1.732 1l.25.433a1 1 0 1 0 1.732-1zM14.5 9a1 1 0 1 0-2 0v.5a1 1 0 0 0 2 0zm2.625 1.732a1 1 0 0 1 1.366.366l.25.433a1 1 0 1 1-1.732 1l-.25-.433a1 1 0 0 1 .366-1.366M9.884 8.5a1 1 0 1 1 1.732 1l-.25.433a1 1 0 1 1-1.732-1zm-.134 2.232a1 1 0 0 0-1.366.366l-.25.433a1 1 0 0 0 1.732 1l.25-.433a1 1 0 0 0-.366-1.366M4 14.5H2.5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5H4zm3.258 6.24c-.566-.247-1.297-.653-1.772-.926a.98.98 0 0 1-.486-.85V16.44a1 1 0 0 1 .459-.841l2.048-1.318c.205-.133.444-.191.683-.168l5.548.541c.194.02.384.077.558.17c.53.285.865.866.865 1.502v.35q-.245.079-.582.164c-.814.204-2.024.41-3.579.41h-.5v1h.5c1.645 0 2.935-.218 3.821-.44c.443-.11.785-.222 1.019-.307a6 6 0 0 0 .343-.136l.02-.01l.007-.003h.002l.001-.001l-.007-.015l.007.015l.153-.072l3.166-1.133a1.7 1.7 0 0 1 1.374.103l.13.07a1.56 1.56 0 0 1-.101 2.797l-6.008 2.686a1.9 1.9 0 0 1-.69.166c-.566.026-1.675.06-2.463-.018c-1.81-.18-2.832-.476-4.516-1.212"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a2 2 0 0 0-2 2v3h12V2zm1.5 9a1 1 0 0 1 1 1v.5a1 1 0 1 1-2 0V12a1 1 0 0 1 1-1m3.491-2.5a1 1 0 1 0-1.732 1l.25.433a1 1 0 1 0 1.732-1zM14.5 9a1 1 0 1 0-2 0v.5a1 1 0 0 0 2 0zm2.625 1.732a1 1 0 0 1 1.366.366l.25.433a1 1 0 1 1-1.732 1l-.25-.433a1 1 0 0 1 .366-1.366M9.884 8.5a1 1 0 1 1 1.732 1l-.25.433a1 1 0 1 1-1.732-1zm-.134 2.232a1 1 0 0 0-1.366.366l-.25.433a1 1 0 0 0 1.732 1l.25-.433a1 1 0 0 0-.366-1.366M4 14.5H2.5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5H4zm3.258 6.24c-.566-.247-1.297-.653-1.772-.926a.98.98 0 0 1-.486-.85V16.44a1 1 0 0 1 .459-.841l2.048-1.318c.205-.133.444-.191.683-.168l5.548.541c.194.02.384.077.558.17c.53.285.865.866.865 1.502v.35q-.245.079-.582.164c-.814.204-2.024.41-3.579.41h-.5v1h.5c1.645 0 2.935-.218 3.821-.44c.443-.11.785-.222 1.019-.307a6 6 0 0 0 .343-.136l.02-.01l.007-.003h.002l.001-.001l-.007-.015l.007.015l.153-.072l3.166-1.133a1.7 1.7 0 0 1 1.374.103l.13.07a1.56 1.56 0 0 1-.101 2.797l-6.008 2.686a1.9 1.9 0 0 1-.69.166c-.566.026-1.675.06-2.463-.018c-1.81-.18-2.832-.476-4.516-1.212"/></svg> </template>
CSS
.icon-water-sanitation-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a2%202%200%200%200-2%202v3h12V2zm1.5%209a1%201%200%200%201%201%201v.5a1%201%200%201%201-2%200V12a1%201%200%200%201%201-1m3.491-2.5a1%201%200%201%200-1.732%201l.25.433a1%201%200%201%200%201.732-1zM14.5%209a1%201%200%201%200-2%200v.5a1%201%200%200%200%202%200zm2.625%201.732a1%201%200%200%201%201.366.366l.25.433a1%201%200%201%201-1.732%201l-.25-.433a1%201%200%200%201%20.366-1.366M9.884%208.5a1%201%200%201%201%201.732%201l-.25.433a1%201%200%201%201-1.732-1zm-.134%202.232a1%201%200%200%200-1.366.366l-.25.433a1%201%200%200%200%201.732%201l.25-.433a1%201%200%200%200-.366-1.366M4%2014.5H2.5a.5.5%200%200%200-.5.5v5a.5.5%200%200%200%20.5.5H4zm3.258%206.24c-.566-.247-1.297-.653-1.772-.926a.98.98%200%200%201-.486-.85V16.44a1%201%200%200%201%20.459-.841l2.048-1.318c.205-.133.444-.191.683-.168l5.548.541c.194.02.384.077.558.17c.53.285.865.866.865%201.502v.35q-.245.079-.582.164c-.814.204-2.024.41-3.579.41h-.5v1h.5c1.645%200%202.935-.218%203.821-.44c.443-.11.785-.222%201.019-.307a6%206%200%200%200%20.343-.136l.02-.01l.007-.003h.002l.001-.001l-.007-.015l.007.015l.153-.072l3.166-1.133a1.7%201.7%200%200%201%201.374.103l.13.07a1.56%201.56%200%200%201-.101%202.797l-6.008%202.686a1.9%201.9%200%200%201-.69.166c-.566.026-1.675.06-2.463-.018c-1.81-.18-2.832-.476-4.516-1.212%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%22M12%202a2%202%200%200%200-2%202v3h12V2zm1.5%209a1%201%200%200%201%201%201v.5a1%201%200%201%201-2%200V12a1%201%200%200%201%201-1m3.491-2.5a1%201%200%201%200-1.732%201l.25.433a1%201%200%201%200%201.732-1zM14.5%209a1%201%200%201%200-2%200v.5a1%201%200%200%200%202%200zm2.625%201.732a1%201%200%200%201%201.366.366l.25.433a1%201%200%201%201-1.732%201l-.25-.433a1%201%200%200%201%20.366-1.366M9.884%208.5a1%201%200%201%201%201.732%201l-.25.433a1%201%200%201%201-1.732-1zm-.134%202.232a1%201%200%200%200-1.366.366l-.25.433a1%201%200%200%200%201.732%201l.25-.433a1%201%200%200%200-.366-1.366M4%2014.5H2.5a.5.5%200%200%200-.5.5v5a.5.5%200%200%200%20.5.5H4zm3.258%206.24c-.566-.247-1.297-.653-1.772-.926a.98.98%200%200%201-.486-.85V16.44a1%201%200%200%201%20.459-.841l2.048-1.318c.205-.133.444-.191.683-.168l5.548.541c.194.02.384.077.558.17c.53.285.865.866.865%201.502v.35q-.245.079-.582.164c-.814.204-2.024.41-3.579.41h-.5v1h.5c1.645%200%202.935-.218%203.821-.44c.443-.11.785-.222%201.019-.307a6%206%200%200%200%20.343-.136l.02-.01l.007-.003h.002l.001-.001l-.007-.015l.007.015l.153-.072l3.166-1.133a1.7%201.7%200%200%201%201.374.103l.13.07a1.56%201.56%200%200%201-.101%202.797l-6.008%202.686a1.9%201.9%200%200%201-.69.166c-.566.026-1.675.06-2.463-.018c-1.81-.18-2.832-.476-4.516-1.212%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/water-sanitation-24px.svg?color=%231a73e8&size=48
