The Lucide moon star icon depicts a crescent moon with a star, commonly used to represent nighttime, darkness, or a celestial theme in user interfaces.
Common uses
- Dark mode toggle
- Nighttime event indicator
- Astronomy or space-related feature
Use it in React
Install
npm i lucide-reactImport & render
import { MoonStar } from 'lucide-react';
<MoonStar size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- darknightstarmoonnight icondark mode iconcrescent moon starcelestial icon
FAQ
- What does the moon star icon represent?
- It represents the moon and a star, typically signifying nighttime, darkness, or celestial elements.
- How do I use the moon star icon in React?
- You can import and use it in React with: import { MoonStar } from 'lucide-react'
- What is the license for this icon?
- The Lucide icon library, including the moon star icon, is available under the ISC 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 →