Moon icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable interface vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/lucide-moon.json
npx shadcn@latest add https://www.shadcn.io/registry/lucide-moon.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/lucide-moon.json
bunx shadcn@latest add https://www.shadcn.io/registry/lucide-moon.json
Category:interface
Tags:darkthemenightmodetogglecrescentcomfortaccessibility

The moon icon represents dark mode activation and nighttime interface themes across modern web and mobile applications.

Featuring a crescent moon silhouette with subtle astronomical detailing, this symbol has become the universal indicator for switching to darker color schemes, reducing eye strain, and enabling night-friendly viewing modes in digital interfaces.

Frequently Asked Questions

Common questions about the Moon icon

Similar Icons

Stretch Horizontal - layout icon from Lucide
stretch horizontal
Mouse Pointer - interface icon from Lucide
mouse pointer
File Pie Chart - data icon from Lucide
file pie chart
Infinity - status icon from Lucide
infinity
Iteration Cw - actions icon from Lucide
iteration cw
Folder Closed - navigation icon from Lucide
folder closed
Ellipsis - interface icon from Lucide
ellipsis
Rail Symbol - navigation icon from Lucide
rail symbol
Chart Bar Increasing - data icon from Lucide
chart bar increasing