What does the moon stars icon represent?

It represents nighttime, the moon, and stars, often used for dark mode or weather-related contexts.

How do I use the moon stars icon in React?

Import it using `import { IconMoonStars } from '@tabler/icons-react'` and use it as a component: ` `.

What is the license for this icon?

The Tabler icons, including moon stars, are available under the MIT license.

moon stars icon

Tabler · moon-stars · MIT

The Tabler moon stars icon depicts a crescent moon with stars, commonly used to represent nighttime, dark mode themes, or celestial elements in UI designs.

Common uses

Dark mode toggle button
Nighttime weather forecast indicator
Celestial or astronomy-related feature

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconMoonStars } from '@tabler/icons-react';

<IconMoonStars size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Weather
Keywords: nightdark modemoonstarsclimateforecastfavoriteratingmeteorologyatmosphericweathernight skydark themecelestialastronomy

FAQ

What does the moon stars icon represent?: It represents nighttime, the moon, and stars, often used for dark mode or weather-related contexts.
How do I use the moon stars icon in React?: Import it using `import { IconMoonStars } from '@tabler/icons-react'` and use it as a component: `<IconMoonStars />`.
What is the license for this icon?: The Tabler icons, including moon stars, are available under the MIT license.

Related icons

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

phosphor tabler tabler tabler tabler tabler tabler tabler 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 →