The Lucide droplets icon visually represents water or liquid, commonly used in UIs to indicate features related to hydration, weather, or fluid states.
Common uses
- Water level indicator
- Weather forecast (rain)
- Liquid product display
Use it in React
Install
npm i lucide-reactImport & render
import { Droplets } from 'lucide-react';
<Droplets size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- waterweatherliquidfluidwetmoisturedampbeadglobuledroplets
FAQ
- What does the droplets icon represent?
- It represents water, liquid, or moisture. It's often used for weather-related features or anything involving fluids.
- How do I use the droplets icon in React?
- You can import and use it directly in your React components like this: import { Droplets } from 'lucide-react'.
- What is the license for the Lucide droplets icon?
- The Lucide icon library, including the droplets 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 →