Lunar Encyclopedia & Tools
Moon Phase Symbols: Unicode, Hex & Typography
Explore the text symbols and Unicode numbers for all moon phases. Copy clean moon symbols and typographical characters easily.
Quick Answer: Each moon phase is backed by a specific Unicode index number. We provide the complete charts, HTML codes, and easy copying below.
The Complete Unicode Symbol Sheet
If you are a developer, programmer, or designer, copy-pasting the raw emoji works, but using HTML entities guarantees safe rendering in database storing and styling code:
| Symbol | Name | Unicode Hex | HTML Entity |
|---|---|---|---|
| 🌑 | New Moon | U+1F311 | 🌑 |
| 🌒 | Waxing Crescent | U+1F312 | 🌒 |
| 🌓 | First Quarter | U+1F313 | 🌓 |
| 🌔 | Waxing Gibbous | U+1F314 | 🌔 |
| 🌕 | Full Moon | U+1F315 | 🌕 |
| 🌖 | Waning Gibbous | U+1F316 | 🌖 |
| 🌗 | Last Quarter | U+1F317 | 🌗 |
| 🌘 | Waning Crescent | U+1F318 | 🌘 |
Raw Text Characters (Non-Emoji Monochrome)
For an ultra-retro, clean typographical look, you can also use these classic black-and-white vector text symbols inside code or ASCII art maps:
- 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘
- ☾ ☽ ◯ ●
Integrating Moon Glyphs in Web Application Interfaces
When implementing responsive UI, using standard CSS rules to declare content markers is a common, lightweight alternative to loading heavy custom SVG resource bundles:
.lunar-bullet::before {
content: "\1F312"; /* Hex escape symbol for Waxing Crescent */
padding-right: 8px;
}
Frequently Answered Questions
Yes, you can use them as content descriptors by using their backslash escaped hex format (e.g. '\\1F315' for the Full Moon).
Raw Unicode defines the character ID, while the rendering engine decides whether to display it as a flat monochrome symbol (like ☾) or a detailed colored emoji (like 🌕).