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

The moon icon in 16-pixel solid style represents dark mode with a compact, filled design optimized for space-constrained theme interfaces.

This smaller variant maintains the crescent moon appearance while providing better visibility in dense layouts, mobile theme toggles, and compact appearance controls.

Frequently Asked Questions

Common questions about the Moon 16 Solid icon

Similar Icons

Arrows Pointing Out - interface icon from HeroIcons
arrows pointing out
Forward Solid - navigation icon from HeroIcons
forward solid
Arrow Long Down Solid - navigation icon from HeroIcons
arrow long down solid
Printer - actions icon from HeroIcons
printer
Arrow Down On Square 16 Solid - actions icon from HeroIcons
arrow down on square 16 solid
Chat Bubble Left Ellipsis - communication icon from HeroIcons
chat bubble left ellipsis
Inbox Stack 16 Solid - communication icon from HeroIcons
inbox stack 16 solid
Stop 20 Solid - media icon from HeroIcons
stop 20 solid
H1 Solid - typography icon from HeroIcons
h1 solid