The Lucide droplet icon visually represents a drop of liquid, commonly used to signify water, moisture, or fluid-related concepts in user interfaces.
Common uses
- Water level indicator
- Humidity setting
- Liquid fill status
Use it in React
Install
npm i lucide-reactImport & render
import { Droplet } from 'lucide-react';
<Droplet size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- waterweatherliquidfluidwetmoisturedampbeadglobuledropletwater drop
FAQ
- What does the droplet icon represent?
- It represents a single drop of liquid, often used for water, moisture, or fluid-related elements.
- How do I use the droplet icon in React?
- Import it from 'lucide-react' and use it as a component: import { Droplet } from 'lucide-react'.
- What is the license for the Lucide droplet icon?
- The Lucide icon library, including the droplet icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →