PRO
Moon
system-solid-4183-moon
The quiet companion of every night sky. This animated icon illustrates the moon.
Lottie, GIF, SVG, PNG, MOGRT, AEP
Animation
Animation type defines how and when the icon animates.
Hover
Plays on hover interaction. Ideal for buttons, UI controls, or decorative elements that respond to user interaction.
Morph
Plays as a smooth transformation between two forms. Ideal for illustrating change of system state, e.g. menu to close, toggles.
Icon in action
See how the icon actually shows up in the UI and what it does in real use.
Add comment...
Simple use in WEB
Get started quickly with a simple package install or copy-paste setup. No complexity, just clean integration.
Install package
Install the package in your project.
npm install @lordicon/element
Set it up
Import and register the icon to make it available in your code.
import { defineElement } from "@lordicon/element";
// define "lord-icon" custom element with default properties
defineElement();
Use & Customize
Drop it into your HTML and adjust as you like!
Integrate anywhere:
About this icon
- ID
- 4183
- Icon name
- moon
- Family
- system
- Style
- solid
- Plan type
- PRO
- Animation states
- hover-pinch, morph-sun
- Category
- Tags
