wash hands icon
wash-hands from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.
- Name
- wash-hands
- Set
- Health Icons
- Style
- Filled
- Category
- People
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
The same icon in other sets
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 wash hands icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M6 30a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v10.996a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm14.915-.811s-2.278-.425-3.21 0c-.694.316-3.38 1.28-4.705 1.752v8.86c.767-.044 2.293-.125 2.945-.099c3.756.151 5.673 1.734 9.422 2.018c2.097.159 3.934.53 5.384 0c1.45-.531 9.732-4.566 10.767-5.628s.518-3.93-2.692-3.399s-7.454 3.08-9.214 2.974s-6.42-.956-6.42-.956l5.35.065s.756.04 1.794-.702c1.04-.742 1.968-2.867.415-2.867s-3.21-.532-3.21-.532zM26 20.429c0 2-1.54 3.571-3.5 3.571S19 22.429 19 20.429S22.5 14 22.5 14s3.5 4.571 3.5 6.429m15-4.297C41 18.836 38.778 21 36 21s-5-2.163-5-4.868C31 13.428 36 6 36 6s5 7.428 5 10.132"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsWashHands(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M6 30a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v10.996a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm14.915-.811s-2.278-.425-3.21 0c-.694.316-3.38 1.28-4.705 1.752v8.86c.767-.044 2.293-.125 2.945-.099c3.756.151 5.673 1.734 9.422 2.018c2.097.159 3.934.53 5.384 0c1.45-.531 9.732-4.566 10.767-5.628s.518-3.93-2.692-3.399s-7.454 3.08-9.214 2.974s-6.42-.956-6.42-.956l5.35.065s.756.04 1.794-.702c1.04-.742 1.968-2.867.415-2.867s-3.21-.532-3.21-.532zM26 20.429c0 2-1.54 3.571-3.5 3.571S19 22.429 19 20.429S22.5 14 22.5 14s3.5 4.571 3.5 6.429m15-4.297C41 18.836 38.778 21 36 21s-5-2.163-5-4.868C31 13.428 36 6 36 6s5 7.428 5 10.132"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M6 30a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v10.996a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1zm14.915-.811s-2.278-.425-3.21 0c-.694.316-3.38 1.28-4.705 1.752v8.86c.767-.044 2.293-.125 2.945-.099c3.756.151 5.673 1.734 9.422 2.018c2.097.159 3.934.53 5.384 0c1.45-.531 9.732-4.566 10.767-5.628s.518-3.93-2.692-3.399s-7.454 3.08-9.214 2.974s-6.42-.956-6.42-.956l5.35.065s.756.04 1.794-.702c1.04-.742 1.968-2.867.415-2.867s-3.21-.532-3.21-.532zM26 20.429c0 2-1.54 3.571-3.5 3.571S19 22.429 19 20.429S22.5 14 22.5 14s3.5 4.571 3.5 6.429m15-4.297C41 18.836 38.778 21 36 21s-5-2.163-5-4.868C31 13.428 36 6 36 6s5 7.428 5 10.132"/></svg> </template>
CSS
.icon-wash-hands {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%2030a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v10.996a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1zm14.915-.811s-2.278-.425-3.21%200c-.694.316-3.38%201.28-4.705%201.752v8.86c.767-.044%202.293-.125%202.945-.099c3.756.151%205.673%201.734%209.422%202.018c2.097.159%203.934.53%205.384%200c1.45-.531%209.732-4.566%2010.767-5.628s.518-3.93-2.692-3.399s-7.454%203.08-9.214%202.974s-6.42-.956-6.42-.956l5.35.065s.756.04%201.794-.702c1.04-.742%201.968-2.867.415-2.867s-3.21-.532-3.21-.532zM26%2020.429c0%202-1.54%203.571-3.5%203.571S19%2022.429%2019%2020.429S22.5%2014%2022.5%2014s3.5%204.571%203.5%206.429m15-4.297C41%2018.836%2038.778%2021%2036%2021s-5-2.163-5-4.868C31%2013.428%2036%206%2036%206s5%207.428%205%2010.132%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%2030a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v10.996a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1zm14.915-.811s-2.278-.425-3.21%200c-.694.316-3.38%201.28-4.705%201.752v8.86c.767-.044%202.293-.125%202.945-.099c3.756.151%205.673%201.734%209.422%202.018c2.097.159%203.934.53%205.384%200c1.45-.531%209.732-4.566%2010.767-5.628s.518-3.93-2.692-3.399s-7.454%203.08-9.214%202.974s-6.42-.956-6.42-.956l5.35.065s.756.04%201.794-.702c1.04-.742%201.968-2.867.415-2.867s-3.21-.532-3.21-.532zM26%2020.429c0%202-1.54%203.571-3.5%203.571S19%2022.429%2019%2020.429S22.5%2014%2022.5%2014s3.5%204.571%203.5%206.429m15-4.297C41%2018.836%2038.778%2021%2036%2021s-5-2.163-5-4.868C31%2013.428%2036%206%2036%206s5%207.428%205%2010.132%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/wash-hands.svg?color=%231a73e8&size=48
