sun-moon
Sun Moon icon · Lucide · <SunMoon />
sun-moonLucide tags sun-moon with auto theme, system theme and appearance. It's in Lucide's Accessibility category; similar icons include Sun, Eclipse and Moon.
24 px, stroke 2
sun-moon.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Sun Moon icon in React
npm install lucide-react
import { SunMoon } from "lucide-react";
export function Example() {
return <SunMoon />;
}
Details
| Name | sun-moon |
|---|---|
| Component | SunMoon (also SunMoonIcon, LucideSunMoon) |
| Category | Accessibility |
| Icon font | icon-sun-moon, U+E2B2 |
| CSS content | "\e2b2" |
| File | lucide-static/icons/sun-moon.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |