HTML Entity for Last Quarter Moon (☾)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+263E
HTML entity for Last Quarter Moon (U+263E) — hex, decimal, and CSS tutorial

What You'll Learn

How to display the Last Quarter Moon symbol (☾) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+263E (LAST QUARTER MOON) in the Miscellaneous Symbols block (U+2600–U+26FF)—used for lunar phases, astronomy, calendars, and celestial-themed content when the left half of the moon is illuminated (waning).

Render it with ☾, ☾, or CSS escape \263E. There is no named HTML entity. Do not confuse ☾ with U+263D (☽, first quarter moon) or emoji-style lunar phases like U+1F317 (🌗).

⚡ Quick Reference — Last Quarter Moon

Unicode U+263E

Miscellaneous Symbols

Hex Code ☾

Hexadecimal reference

HTML Code ☾

Decimal reference

Named Entity —

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+263E
Hex code       ☾
HTML code      ☾
Named entity   (none)
CSS code       \263E
Meaning        Last quarter lunar phase (waning)
Related        U+263D = First quarter moon (☽)
               U+1F317 = Emoji last quarter (🌗)
1

Complete HTML Example

A simple example showing the Last Quarter Moon (☾) with hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\263E";
  }
 </style>
</head>
<body>
<p>Last Quarter Moon using Hexadecimal: &#x263E;</p>
<p>Last Quarter Moon using HTML Code: &#9790;</p>
<p id="point">Last Quarter Moon using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Last Quarter Moon symbol is widely supported in modern browsers with a suitable font:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the last quarter moon (☾) in lunar phase context:

Phase label ☾ Last Quarter
Calendar row Thu 20 ☾ Waning
vs first quarter ☽ (first)   vs   ☾ (last quarter)
Large glyph ☾
Numeric refs &#x263E; &#9790; \263E

🧠 How It Works

1

Hexadecimal Code

&#x263E; uses the Unicode hexadecimal value 263E to display the Last Quarter Moon symbol. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#9790; uses the decimal Unicode value 9790 to display the same character.

HTML markup
3

CSS Entity

\263E is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the glyph: ☾. Unicode U+263E is in Miscellaneous Symbols. No named HTML entity—use numeric codes in markup. Next: Lateral Click (ǁ).

✅

Use Cases

The Last Quarter Moon symbol (☾) is commonly used in:

🌙 Astronomy

Lunar phase information, moon calendars, and astronomy education content.

📅 Lunar calendars

Moon phase indicators in calendar widgets, planners, and lunar phase trackers.

🌤️ Weather apps

Indicate moon phase in weather apps, stargazing tools, and night-sky guides.

✨ Astrology

Astrology charts, horoscope content, and moon-sign references.

🔬 Education

Teach lunar phases, astronomy, and space science on educational websites.

🌍 Cultural events

Lunar festivals, moon-viewing events, and cultural content tied to moon phases.

💡 Best Practices

Do

  • Add aria-label="Last quarter moon" or visible text for accessibility
  • Pair the symbol with a phase name (e.g. “Last Quarter”) in UI
  • Use a font that supports Miscellaneous Symbols (Segoe UI Symbol, etc.)
  • Use &#x263E; or &#9790; consistently within a project
  • Serve pages with UTF-8 (<meta charset="utf-8">)
  • Pair with other moon phase symbols for a complete lunar cycle UI

Don’t

  • Confuse ☾ (last quarter) with ☽ (first quarter) or 🌗 (emoji style)
  • Expect a named entity—none exists for U+263E
  • Put CSS escape \263E in HTML text nodes
  • Rely on the symbol alone without accessible text for screen readers
  • Mix entity styles randomly in one file

Key Takeaways

1

Two HTML numeric references plus CSS render ☾

&#x263E; &#9790;
2

For CSS stylesheets, use the escape in the content property

\263E
3

Unicode U+263E — LAST QUARTER MOON

4

Miscellaneous Symbols block (U+2600–U+26FF)

5

Next: Lateral Click (ǁ)

❓ Frequently Asked Questions

Use &#x263E; (hex), &#9790; (decimal), or \263E in CSS content. There is no named entity. All three methods render the symbol (☾) correctly.
U+263E (LAST QUARTER MOON). Miscellaneous Symbols block (U+2600–U+26FF). Hex 263E, decimal 9790. Represents the last quarter lunar phase when the left half of the moon is illuminated.
In astronomy websites and educational content, lunar phase calendars and moon trackers, astrology and horoscope applications, celestial-themed web designs, science and space content, weather or night-sky widgets, and any content related to moon phases or lunar cycles.
HTML references (&#9790; or &#x263E;) go in markup. The CSS escape \263E is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Named HTML entities cover a subset of common characters. Symbols in the Miscellaneous Symbols block like U+263E use numeric codes (hexadecimal or decimal). This is standard practice for astronomical and celestial symbols in HTML.

Explore More HTML Entities!

Discover 1500+ HTML character references — moon symbols, astronomy, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Lambda Stroke (ƛ) Lateral Click (ǁ)