The Lucide droplet off icon visually represents the absence of liquid, commonly used in UIs to indicate a disabled or inactive state related to water or fluid functionality.
Common uses
- Disabling water-related features
- Showing an empty water tank
- Indicating no precipitation
Use it in React
Install
npm i lucide-reactImport & render
import { DropletOff } from 'lucide-react';
<DropletOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- waterweatherliquidfluidwetmoisturedampbeadglobuledropletoffno waterwater offdryunwatered
FAQ
- What does the droplet off icon signify?
- It signifies the absence or turning off of liquid. This is often used to show that a water-related function is disabled or not currently active.
- How do I use the droplet off icon in React?
- You can import and use it in your React components like this: import { DropletOff } from 'lucide-react'. Then, render it as a component: <DropletOff />.
- What is the license for Lucide icons?
- Lucide icons are distributed under the ISC license, which is a permissive free software 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 →