Handwashing Fluid icon
icon-park:handwashing-fluid
The Handwashing Fluid icon (icon-park:handwashing-fluid) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Makeups
- Tags
- handwashingfluid
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M24 4V11"/><path stroke-linecap="round" stroke-linejoin="round" d="M29 17V11H19V17"/><path stroke-linecap="round" stroke-linejoin="round" d="M31 4H19.8C17.1419 4 15 5.2 15 8"/><path stroke-linecap="round" stroke-linejoin="round" d="M38 26.9775V26C38 21.0294 33.9706 17 29 17H19C14.0294 17 10 21.0294 10 26V35C10 39.9706 14.0294 44 19 44H24"/><path fill="#2F88FF" d="M40 39.7692C40 42.1058 37.9853 44 35.5 44C33.0147 44 31 42.1058 31 39.7692C31 37.4326 33.9397 33 35.5 33C37.0603 33 40 37.4326 40 39.7692Z"/></g></svg>How to use the Handwashing Fluid icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:handwashing-fluid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:handwashing-fluid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:handwashing-fluid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--handwashing-fluid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:handwashing-fluid"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:handwashing-fluid"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/handwashing-fluid.svg" alt="Handwashing Fluid icon" width="24" height="24">Related icons in IconPark
Handwashing Fluid icon in other icon sets
Handwashing Fluid icon FAQ
Is the Handwashing Fluid icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Handwashing Fluid icon in React?
Install @iconify/react and render <Icon icon="icon-park:handwashing-fluid" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Handwashing Fluid icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/handwashing-fluid.svg" alt="Handwashing Fluid icon">, or paste the SVG code inline to style it with CSS.