moon 02 icon

Common uses

• Dark mode toggle
• Nighttime status indicator
• Sleep or rest feature

Use it in React

npm i @hugeicons/react @hugeicons/core-free-icons

import { HugeiconsIcon } from '@hugeicons/react';
import { Moon02Icon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={Moon02Icon} size={24} strokeWidth={1.5} />

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

crescent moonnightdark modesleep

FAQ

What does the Moon02Icon represent?

The Moon02Icon represents a crescent moon, often used for indicating nighttime, sleep, or dark mode.

How do I use the Moon02Icon in a React project?

Import it as `import { Moon02Icon } from '@hugeicons/core-free-icons';` and render it using `<HugeiconsIcon icon={Moon02Icon} />`.

What is the license for this icon?

The HugeIcons moon 02 icon is distributed under the MIT license.

Related icons

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