Moon 20 Solid 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/heroicons-moon-20-solid.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-moon-20-solid.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-moon-20-solid.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-moon-20-solid.json
Category:interface
Tags:moondarksolid20pxstandardmodebalanced

The moon icon in 20-pixel solid style represents dark mode with a balanced, filled design optimized for standard theme interface elements.

This medium-sized variant combines clear visibility with space efficiency, making it ideal for theme buttons, dark mode toggles, and appearance indicators across web platforms.

Frequently Asked Questions

Common questions about the Moon 20 Solid icon

Similar Icons

Trash 16 Solid - actions icon from HeroIcons
trash 16 solid
List Bullet Solid - typography icon from HeroIcons
list bullet solid
Photo 20 Solid - media icon from HeroIcons
photo 20 solid
Inbox Solid - communication icon from HeroIcons
inbox solid
Inbox Stack - communication icon from HeroIcons
inbox stack
Document Magnifying Glass Solid - actions icon from HeroIcons
document magnifying glass solid
Phone X Mark 20 Solid - communication icon from HeroIcons
phone x mark 20 solid
Currency Bangladeshi 20 Solid - interface icon from HeroIcons
currency bangladeshi 20 solid
Cloud Arrow Down - actions icon from HeroIcons
cloud arrow down