The Tabler moon off icon depicts a crescent moon with a diagonal line through it, commonly used to represent a disabled or inactive dark mode or night setting.
Common uses
- Toggling dark mode off
- Indicating a disabled night mode
- Representing 'no moon' in weather forecasts
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMoonOff } from '@tabler/icons-react';
<IconMoonOff size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Weather
- Keywords
- nightdark modemoonoffclimateforecastdisabledinactivemeteorologyatmosphericweatherdark mode offnight offmoon disabledinactive moon
FAQ
- What does the moon off icon represent?
- It signifies a disabled or inactive state, often used for dark mode or night-related features that are currently turned off.
- How do I use the moon off icon in React?
- You can import and use it with: import { IconMoonOff } from '@tabler/icons-react'. Then render it as <IconMoonOff />.
- What is the license for this icon?
- The Tabler icons, including moon off, 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 →