handwashing icon
handwashing from IconPark by ByteDance · Color · Makeups · Apache-2.0 Free for personal and commercial use.
- Name
- handwashing
- Set
- IconPark
- Style
- Color
- Category
- Makeups
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More makeups icons from IconPark
Use the handwashing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><rect width="7" height="20" x="4" y="24"/><path fill="#2F88FF" d="M32.0003 16C30.5006 12.5 36.0003 6 36.0003 6C36.0003 6 41.5001 12.5 40.0003 16C38.5005 19.5 33.5 19.5 32.0003 16Z"/><path fill="#2F88FF" d="M31 42.5001C22 42.5001 15 40.0001 11 40.0001V30.0001C18 30.0001 17.5 27.5001 22 26.0001C26.5 24.5001 30 26.0001 29.5 29.0001C29 32.0001 24 35.0001 24 35.0001C32 35.0001 32 33.0001 36 30.0001C40 27.0001 44 28.0001 44 31.0001C44 34.0001 40 42.5001 31 42.5001Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkHandwashing(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><rect width="7" height="20" x="4" y="24"/><path fill="#2F88FF" d="M32.0003 16C30.5006 12.5 36.0003 6 36.0003 6C36.0003 6 41.5001 12.5 40.0003 16C38.5005 19.5 33.5 19.5 32.0003 16Z"/><path fill="#2F88FF" d="M31 42.5001C22 42.5001 15 40.0001 11 40.0001V30.0001C18 30.0001 17.5 27.5001 22 26.0001C26.5 24.5001 30 26.0001 29.5 29.0001C29 32.0001 24 35.0001 24 35.0001C32 35.0001 32 33.0001 36 30.0001C40 27.0001 44 28.0001 44 31.0001C44 34.0001 40 42.5001 31 42.5001Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><rect width="7" height="20" x="4" y="24"/><path fill="#2F88FF" d="M32.0003 16C30.5006 12.5 36.0003 6 36.0003 6C36.0003 6 41.5001 12.5 40.0003 16C38.5005 19.5 33.5 19.5 32.0003 16Z"/><path fill="#2F88FF" d="M31 42.5001C22 42.5001 15 40.0001 11 40.0001V30.0001C18 30.0001 17.5 27.5001 22 26.0001C26.5 24.5001 30 26.0001 29.5 29.0001C29 32.0001 24 35.0001 24 35.0001C32 35.0001 32 33.0001 36 30.0001C40 27.0001 44 28.0001 44 31.0001C44 34.0001 40 42.5001 31 42.5001Z"/></g></svg> </template>
CSS
.icon-handwashing {
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%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Crect%20width%3D%227%22%20height%3D%2220%22%20x%3D%224%22%20y%3D%2224%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M32.0003%2016C30.5006%2012.5%2036.0003%206%2036.0003%206C36.0003%206%2041.5001%2012.5%2040.0003%2016C38.5005%2019.5%2033.5%2019.5%2032.0003%2016Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M31%2042.5001C22%2042.5001%2015%2040.0001%2011%2040.0001V30.0001C18%2030.0001%2017.5%2027.5001%2022%2026.0001C26.5%2024.5001%2030%2026.0001%2029.5%2029.0001C29%2032.0001%2024%2035.0001%2024%2035.0001C32%2035.0001%2032%2033.0001%2036%2030.0001C40%2027.0001%2044%2028.0001%2044%2031.0001C44%2034.0001%2040%2042.5001%2031%2042.5001Z%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%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Crect%20width%3D%227%22%20height%3D%2220%22%20x%3D%224%22%20y%3D%2224%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M32.0003%2016C30.5006%2012.5%2036.0003%206%2036.0003%206C36.0003%206%2041.5001%2012.5%2040.0003%2016C38.5005%2019.5%2033.5%2019.5%2032.0003%2016Z%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M31%2042.5001C22%2042.5001%2015%2040.0001%2011%2040.0001V30.0001C18%2030.0001%2017.5%2027.5001%2022%2026.0001C26.5%2024.5001%2030%2026.0001%2029.5%2029.0001C29%2032.0001%2024%2035.0001%2024%2035.0001C32%2035.0001%2032%2033.0001%2036%2030.0001C40%2027.0001%2044%2028.0001%2044%2031.0001C44%2034.0001%2040%2042.5001%2031%2042.5001Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/handwashing.svg?color=%231a73e8&size=48
