Moon Fill 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/akar-icons-moon-fill.json
npx shadcn@latest add https://www.shadcn.io/registry/akar-icons-moon-fill.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/akar-icons-moon-fill.json
bunx shadcn@latest add https://www.shadcn.io/registry/akar-icons-moon-fill.json
Category:interface
Tags:moondarkfilledactivenightthemeenabledmode

The moon-fill icon represents active dark mode and enabled night theme states with a filled design for clear visual confirmation.

Featuring a solid filled crescent moon, this variant provides visual distinction for activated dark themes and currently enabled night modes compared to the outline moon icon.

Frequently Asked Questions

Common questions about the Moon Fill icon

Similar Icons

Eye Open - interface icon from Akar Icons
eye open
Panel Top - layout icon from Akar Icons
panel top
Umbrella - interface icon from Akar Icons
umbrella
Triangle Up - navigation icon from Akar Icons
triangle up
Octagon Fill - layout icon from Akar Icons
octagon fill
Air - system icon from Akar Icons
air
Box - interface icon from Akar Icons
box
Bug - system icon from Akar Icons
bug
Cut - actions icon from Akar Icons
cut