The Phosphor spray bottle icon depicts a common household cleaning tool, often used in UIs to represent cleaning actions, product options, or hygiene-related features.
Common uses
- Button for 'Clean Mode'
- Option in a product settings menu
- Icon for a cleaning supplies category
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SprayBottle } from '@phosphor-icons/react';
<SprayBottle size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SprayBottle size={24} />thin
<SprayBottle size={24} weight="thin" />light
<SprayBottle size={24} weight="light" />bold
<SprayBottle size={24} weight="bold" />fill
<SprayBottle size={24} weight="fill" />duotone
<SprayBottle size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- objects
- Keywords
- *new*cleanercleaningobjectshealth & wellnessspraybottlecleaning sprayaerosolsprayerliquid bottle
FAQ
- What does the spray bottle icon represent?
- It represents a spray bottle, commonly associated with cleaning products, liquids, or sprays.
- How do I use this icon in React?
- You can import it using `import { SprayBottle } from '@phosphor-icons/react'` and then use it as a component: `<SprayBottle />`.
- 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 →