Moon Outlined 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/ant-design-moon-outlined.json
npx shadcn@latest add https://www.shadcn.io/registry/ant-design-moon-outlined.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/ant-design-moon-outlined.json
bunx shadcn@latest add https://www.shadcn.io/registry/ant-design-moon-outlined.json
Category:interface
Tags:moondarkoutlinednightthememodeappearancetoggle

The moon-outlined icon represents dark mode, night themes, and dark UI settings in theme management and appearance platforms.

This outlined moon design communicates dark mode availability, night theme options, and dark appearance settings, making it ideal for theme toggles, appearance controls, and UI customization interfaces where dark mode indication and night theme selection need clear visual recognition across theme systems.

Frequently Asked Questions

Common questions about the Moon Outlined icon

Similar Icons

Like Outlined - actions icon from Ant Design Icons
like outlined
Layout Outlined - layout icon from Ant Design Icons
layout outlined
Question Outlined - interface icon from Ant Design Icons
question outlined
Open A I Outlined - interface icon from Ant Design Icons
open a i outlined
Switcher Twotone - interface icon from Ant Design Icons
switcher twotone
Calendar Outlined - interface icon from Ant Design Icons
calendar outlined
Undo Outlined - actions icon from Ant Design Icons
undo outlined
Skin Outlined - interface icon from Ant Design Icons
skin outlined
Warning Filled - status icon from Ant Design Icons
warning filled