What does the moon icon represent?

It represents a crescent moon, typically used for concepts like night, darkness, or dark mode.

How do I use the moon icon in React?

You can import and use it like this: import { Moon } from 'lucide-react'; .

The Lucide icon library, including the moon icon, is available under the ISC license.

Lucide · moon · ISC

The Lucide moon icon depicts a crescent moon, commonly used to represent nighttime, dark mode, or celestial themes in user interfaces.

Install

npm i lucide-react

Import & render

import { Moon } from 'lucide-react';

<Moon size={24} />

What does the moon icon represent?: It represents a crescent moon, typically used for concepts like night, darkness, or dark mode.
How do I use the moon icon in React?: You can import and use it like this: import { Moon } from 'lucide-react'; <Moon />.
What is the license for the Lucide moon icon?: The Lucide icon library, including the moon icon, is available under the ISC license.

The same idea in other libraries, and near matches in Lucide.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →