The Tabler haze icon depicts a foggy or hazy atmospheric condition, commonly used in weather-related interfaces to indicate low visibility or a specific type of weather forecast.
Common uses
- Displaying current weather conditions
- Indicating a weather alert for fog
- Representing a 'haze' setting in a weather app
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHaze } from '@tabler/icons-react';
<IconHaze size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Weather
- Keywords
- climatemeterologyweathermorninghazeforecastmeteorologyatmosphericconditionsfogmistsmogatmospheric conditions
FAQ
- What does the haze icon represent?
- It represents foggy or hazy atmospheric conditions, often used for weather forecasts or current conditions.
- How do I use the haze icon in React?
- You can import and use it like this: import { IconHaze } from '@tabler/icons-react'.
- What is the license for the Tabler haze icon?
- The Tabler icon library, including the haze icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →