clean hands icon

clean-hands from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: clean-hands
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

clean-hands-outline clean-hands-outline-rounded clean-hands-outline-sharp clean-hands-rounded clean-hands-sharp

The same icon in other sets

clean-handsHealth Icons clean-handsMaterial Symbols

More social icons from Material Symbols Light

Use the clean hands icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.385 19.583v-6.737h2.08q.137 0 .283.028t.283.078l6.021 2.21q.446.163.736.536q.289.373.289.839q0 .275-.18.446t-.443.17h-1.202q-.51 0-.995-.06t-.951-.226l-1.792-.644l-.287.744l1.964.675q.472.16.976.22q.504.061 1.021.061h5.158q.685 0 1.17.45T21 19.5l-6.994 2.308zm-4 1.417v-8.154h3V21zm12.48-7.927l-5.73-2.111H5.903q.098-1.621 1.23-2.69t2.732-1.287V4h-1.5V3h5q.58 0 1.138.15t1.048.452l-.733.733q-.35-.162-.709-.248Q13.753 4 13.367 4h-2.5v2.985q1.705.215 2.852 1.481q1.148 1.267 1.148 2.996zm2.569-3.891Q17 8.748 17 8.116q0-.48.339-1.195Q17.677 6.206 18.5 5q.823 1.206 1.162 1.912T20 8.116q0 .632-.434 1.066q-.433.434-1.066.434t-1.066-.434"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCleanHands(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="M6.385 19.583v-6.737h2.08q.137 0 .283.028t.283.078l6.021 2.21q.446.163.736.536q.289.373.289.839q0 .275-.18.446t-.443.17h-1.202q-.51 0-.995-.06t-.951-.226l-1.792-.644l-.287.744l1.964.675q.472.16.976.22q.504.061 1.021.061h5.158q.685 0 1.17.45T21 19.5l-6.994 2.308zm-4 1.417v-8.154h3V21zm12.48-7.927l-5.73-2.111H5.903q.098-1.621 1.23-2.69t2.732-1.287V4h-1.5V3h5q.58 0 1.138.15t1.048.452l-.733.733q-.35-.162-.709-.248Q13.753 4 13.367 4h-2.5v2.985q1.705.215 2.852 1.481q1.148 1.267 1.148 2.996zm2.569-3.891Q17 8.748 17 8.116q0-.48.339-1.195Q17.677 6.206 18.5 5q.823 1.206 1.162 1.912T20 8.116q0 .632-.434 1.066q-.433.434-1.066.434t-1.066-.434"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.385 19.583v-6.737h2.08q.137 0 .283.028t.283.078l6.021 2.21q.446.163.736.536q.289.373.289.839q0 .275-.18.446t-.443.17h-1.202q-.51 0-.995-.06t-.951-.226l-1.792-.644l-.287.744l1.964.675q.472.16.976.22q.504.061 1.021.061h5.158q.685 0 1.17.45T21 19.5l-6.994 2.308zm-4 1.417v-8.154h3V21zm12.48-7.927l-5.73-2.111H5.903q.098-1.621 1.23-2.69t2.732-1.287V4h-1.5V3h5q.58 0 1.138.15t1.048.452l-.733.733q-.35-.162-.709-.248Q13.753 4 13.367 4h-2.5v2.985q1.705.215 2.852 1.481q1.148 1.267 1.148 2.996zm2.569-3.891Q17 8.748 17 8.116q0-.48.339-1.195Q17.677 6.206 18.5 5q.823 1.206 1.162 1.912T20 8.116q0 .632-.434 1.066q-.433.434-1.066.434t-1.066-.434"/></svg>
</template>

CSS

.icon-clean-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.385%2019.583v-6.737h2.08q.137%200%20.283.028t.283.078l6.021%202.21q.446.163.736.536q.289.373.289.839q0%20.275-.18.446t-.443.17h-1.202q-.51%200-.995-.06t-.951-.226l-1.792-.644l-.287.744l1.964.675q.472.16.976.22q.504.061%201.021.061h5.158q.685%200%201.17.45T21%2019.5l-6.994%202.308zm-4%201.417v-8.154h3V21zm12.48-7.927l-5.73-2.111H5.903q.098-1.621%201.23-2.69t2.732-1.287V4h-1.5V3h5q.58%200%201.138.15t1.048.452l-.733.733q-.35-.162-.709-.248Q13.753%204%2013.367%204h-2.5v2.985q1.705.215%202.852%201.481q1.148%201.267%201.148%202.996zm2.569-3.891Q17%208.748%2017%208.116q0-.48.339-1.195Q17.677%206.206%2018.5%205q.823%201.206%201.162%201.912T20%208.116q0%20.632-.434%201.066q-.433.434-1.066.434t-1.066-.434%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%22M6.385%2019.583v-6.737h2.08q.137%200%20.283.028t.283.078l6.021%202.21q.446.163.736.536q.289.373.289.839q0%20.275-.18.446t-.443.17h-1.202q-.51%200-.995-.06t-.951-.226l-1.792-.644l-.287.744l1.964.675q.472.16.976.22q.504.061%201.021.061h5.158q.685%200%201.17.45T21%2019.5l-6.994%202.308zm-4%201.417v-8.154h3V21zm12.48-7.927l-5.73-2.111H5.903q.098-1.621%201.23-2.69t2.732-1.287V4h-1.5V3h5q.58%200%201.138.15t1.048.452l-.733.733q-.35-.162-.709-.248Q13.753%204%2013.367%204h-2.5v2.985q1.705.215%202.852%201.481q1.148%201.267%201.148%202.996zm2.569-3.891Q17%208.748%2017%208.116q0-.48.339-1.195Q17.677%206.206%2018.5%205q.823%201.206%201.162%201.912T20%208.116q0%20.632-.434%201.066q-.433.434-1.066.434t-1.066-.434%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/clean-hands.svg?color=%231a73e8&size=48