The Phosphor hand soap icon depicts a dispenser with a pump, commonly used to represent hygiene products, cleaning supplies, or personal care items in a user interface.
Common uses
- Hygiene product listing
- Sanitizer station locator
- Personal care section
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HandSoap } from '@phosphor-icons/react';
<HandSoap size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HandSoap size={24} />thin
<HandSoap size={24} weight="thin" />light
<HandSoap size={24} weight="light" />bold
<HandSoap size={24} weight="bold" />fill
<HandSoap size={24} weight="fill" />duotone
<HandSoap size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- health & wellness
- Keywords
- dispenserpumpsanitizerdisinfectantlotionbottlehealth & wellnessobjectshandsoaplotion bottlehygiene
FAQ
- What does the hand soap icon represent?
- It visually represents a hand soap dispenser, often used for hygiene, cleaning, or personal care items.
- How do I use the hand soap icon in React?
- You can import it directly from the library using: import { HandSoap } from '@phosphor-icons/react'.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →