HTML Entity for First Quarter Moon (☽)
What You'll Learn
How to display the First Quarter Moon symbol (☽) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+263D (FIRST QUARTER MOON) in the Miscellaneous Symbols block (U+2600–U+26FF)—used for lunar phases, astronomy, calendars, and space-related content when the moon is half-illuminated (waxing).
Render it with ☽, ☽, or CSS escape \263D. There is no named HTML entity. For emoji-style lunar phases see U+1F313 (🌓). Related symbols include last quarter moon (☾, U+263E).
⚡ Quick Reference — First Quarter Moon
U+263DMiscellaneous Symbols
☽Hexadecimal reference
☽Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+263D
Hex code ☽
HTML code ☽
Named entity (none)
CSS code \263D
Meaning First quarter lunar phase (waxing)
Related U+263E = Last quarter moon (☾); U+1F313 = Emoji quarter moon (🌓)Complete HTML Example
This example demonstrates the First Quarter Moon (☽) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\263D";
}
</style>
</head>
<body>
<p>First Quarter Moon using Hexadecimal: ☽</p>
<p>First Quarter Moon using HTML Code: ☽</p>
<p id="point">First Quarter Moon using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The First Quarter Moon symbol is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the first quarter moon (☽) in lunar phase context:
🧠 How It Works
Hexadecimal Code
☽ uses the Unicode hexadecimal value 263D to display the First Quarter Moon symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
☽ uses the decimal Unicode value 9789 to display the same character.
CSS Entity
\263D is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ☽. Unicode U+263D is in Miscellaneous Symbols. No named HTML entity—use numeric codes in markup. Serve HTML as UTF-8.
Use Cases
The First Quarter Moon symbol (☽) is commonly used in:
Lunar phase information, moon calendars, and astronomy education content.
Moon phases in calendar widgets, planners, and date-selection interfaces.
Indicate moon phase in weather apps, stargazing tools, and night-sky guides.
Astrology charts, horoscope content, and moon-sign references.
Teach lunar phases, astronomy, and space science on educational websites.
Lunar festivals, moon-viewing events, and cultural content tied to moon phases.
💡 Best Practices
Do
- Add
aria-label="First quarter moon"or visible text for accessibility - Pair the symbol with a phase name (e.g. “First Quarter”) in UI
- Use a font that supports Miscellaneous Symbols (Segoe UI Symbol, etc.)
- Use
☽or☽consistently within a project - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ☽ (first quarter) with ☾ (last quarter) or 🌓 (emoji style)
- Expect a named entity—none exists for U+263D
- Put CSS escape
\263Din HTML text nodes - Rely on the symbol alone without accessible text for screen readers
- Mix entity styles randomly in one file
Key Takeaways
Two HTML numeric references plus CSS render ☽
☽ ☽For CSS stylesheets, use the escape in the content property
\263DUnicode U+263D — FIRST QUARTER MOON
Miscellaneous Symbols block (U+2600–U+26FF)
Three methods, no named HTML entity
❓ Frequently Asked Questions
☽ (hex), ☽ (decimal), or \263D in CSS content. There is no named entity.U+263D (FIRST QUARTER MOON). Miscellaneous Symbols block (U+2600–U+26FF). Hex 263D, decimal 9789. Represents the first quarter lunar phase.☽ or ☽) go in markup. The CSS escape \263D is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — moon symbols, astronomy, and more.
About the author
8 people found this page helpful