The Lucide haze icon visually represents atmospheric obscurity like fog or mist, commonly used in weather applications or to indicate low visibility conditions.
Common uses
- Weather forecast display
- Air quality indicators
- Status for reduced visibility
Use it in React
Install
npm i lucide-reactImport & render
import { Haze } from 'lucide-react';
<Haze size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- mistfoghazesmogcloudy
FAQ
- What does the haze icon represent?
- The haze icon depicts atmospheric conditions such as fog or mist, often used to signify reduced visibility or poor air quality.
- How do I use the haze icon in React?
- You can import and use the Haze component in React with: import { Haze } from 'lucide-react'.
- What is the license for the Lucide haze icon?
- The Lucide haze icon is available 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 →