The Tabler haze moon icon depicts a hazy or cloudy night sky with a moon, often used to represent atmospheric conditions, low visibility, or a dim nighttime setting in UI.
Common uses
- Night mode toggle
- Weather forecast (cloudy night)
- System status (e.g., low power mode)
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconHazeMoon } from '@tabler/icons-react';
<IconHazeMoon size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- blurnightskycloudopaquedimluminosityatmospheretwilighthazesystemmooncloudy moonnight hazedim moon
FAQ
- What does the haze moon icon represent?
- It visually represents a moon obscured by haze or clouds, suggesting a dim or atmospheric night condition.
- How do I use the haze moon icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconHazeMoon } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including haze moon, are 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 →