The Phosphor drop simple icon depicts a stylized water droplet, commonly used to represent actions related to water, liquids, or humidity in user interfaces.
Common uses
- Indicate a water-related setting or status.
- Represent a 'clear' or 'reset' action in a form.
- Symbolize a liquid or fluid element in a design tool.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { DropSimple } from '@phosphor-icons/react';
<DropSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<DropSimple size={24} />thin
<DropSimple size={24} weight="thin" />light
<DropSimple size={24} weight="light" />bold
<DropSimple size={24} weight="bold" />fill
<DropSimple size={24} weight="fill" />duotone
<DropSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- *new*dropletteardropraindropraininghumiditymeteorologywaterblurdesigneditornatureweatherdropsimplewater drop
FAQ
- What is the drop simple icon used for?
- It's typically used to represent water, liquids, humidity, or a simple droplet shape in UI elements.
- How do I use the drop simple icon in React?
- You can import and use it like this: import { DropSimple } from '@phosphor-icons/react'.
- What is the license for the Phosphor drop simple icon?
- The Phosphor icon library, including the drop simple icon, is available under the MIT license.
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 →