Skip to content
shadcn.io

Moon Outlined

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

Add shadcn.io to your AI agent. · Pro It installs Moon Outlined, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Moon Outlined icon from Ant Design Icons
Get Pro

830 in Ant Design IconsMIT license (opens in a new tab)Free to copy and download

Code

Moon Outlined in your framework

In any framework. Customize it above, and the code follows.

export const MoonOutlinedIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" {...props}>
    <path fill="currentColor" fillRule="evenodd" d="M489.493 111.658c30.658-1.792 45.991 36.44 22.59 56.329C457.831 214.095 426 281.423 426 354c0 134.757 109.243 244 244 244c72.577 0 139.905-31.832 186.014-86.084c19.868-23.377 58.064-8.102 56.332 22.53C900.4 745.823 725.141 912 512.5 912C291.31 912 112 732.69 112 511.5c0-211.39 164.287-386.024 374.198-399.649l.206-.013zm-81.143 79.75l-4.112 1.362C271.1 237.943 176 364.092 176 511.5C176 697.344 326.656 848 512.5 848c148.28 0 274.938-96.192 319.453-230.41l.625-1.934l-.11.071c-47.18 29.331-102.126 45.755-159.723 46.26L670 662c-170.104 0-308-137.896-308-308c0-58.595 16.476-114.54 46.273-162.467z"/>
  </svg>
);

Ant Design Icons

More like it

Icons that share its tags, in the same style.

All 830 icons
  • Skin Outlined icon from Ant Design Icons
  • Sun Outlined icon from Ant Design Icons
  • Bars Outlined icon from Ant Design Icons
  • Eye Invisible Outlined icon from Ant Design Icons
  • Eye Outlined icon from Ant Design Icons
  • Fullscreen Outlined icon from Ant Design Icons
  • Menu Outlined icon from Ant Design Icons
  • Switcher Outlined icon from Ant Design Icons
  • User Switch Outlined icon from Ant Design Icons
  • Account Book Outlined icon from Ant Design Icons
  • Aim Outlined icon from Ant Design Icons
  • Alert Outlined icon from Ant Design Icons
  • Alibaba Outlined icon from Ant Design Icons
  • Align Center Outlined icon from Ant Design Icons
  • Align Left Outlined icon from Ant Design Icons
  • Align Right Outlined icon from Ant Design Icons
  • Alipay Circle Outlined icon from Ant Design Icons
  • Alipay Outlined icon from Ant Design Icons
  • Aliwangwang Outlined icon from Ant Design Icons
  • Aliyun Outlined icon from Ant Design Icons
  • Amazon Outlined icon from Ant Design Icons
  • Android Outlined icon from Ant Design Icons
  • Ant Cloud Outlined icon from Ant Design Icons
  • Ant Design Outlined icon from Ant Design Icons

Search Ant Design Icons

Skip the copy and paste. With Pro, your AI agent finds and installs any Ant Design Icons icon from a prompt.

Get Pro

Tags

Browse by tag

Moon Outlined is tagged theme, toggle, night and 5 more. Related tags follow; each opens its icons from every library.

All tags

Pricing

Ant Design Icons MCP, with Pro

Ask for Moon Outlined or any of 830 Ant Design Icons icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Moon Outlined icon means and where it's used, then how to install, style and license it.

Install Moon Outlined from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro