Install with shadcn CLI
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-moon.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-moon.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-moon.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-moon.json
Category:interface
Tags:moondarknightthememodetogglelow-lightpreference
The moon icon represents dark mode, night theme, and low-light interface settings in theme switching and display preference controls.
Featuring a crescent moon design, this universally recognized symbol has become the standard indicator for activating dark themes, night modes, and reduced brightness settings across digital platforms.
Frequently Asked Questions
Common questions about the Moon icon