HTML Entity for First Quarter Moon (☽)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+263D

What Is First Quarter Moon?

First quarter moon (☽) is the Unicode character at U+263D in Miscellaneous Symbols. Official name: FIRST QUARTER MOON. It marks the lunar phase when the right half of the moon is lit (as commonly drawn in text symbols).

Remember
Character     ☽
Unicode       U+263D
Hex entity    ☽
Decimal       ☽
CSS escape    \263D
Named entity  (none)
Not the same  ☾ (last quarter) · ☼ (sun) · emoji moons

Prefer ☽ or ☽ in HTML (no named form). You can also type ☽ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity☽HTML markup (preferred)
Decimal entity☽HTML markup
Direct character☽HTML text (UTF-8)
CSS escape\263DStylesheet content

When to Use Which

SituationUse
First quarter lunar phase☽ or type ☽
Last quarter lunar phaseLast quarter moon (☾)
Sun / daylight symbolSun (☼)
Emoji-style moon iconsEmoji moon characters (different Unicode block) — not U+263D
Generated text via ::before / ::aftercontent: "\263D"

Live Preview

Symbol rendered alone, in a sample label, and compared with related sky symbols.

Glyph ☽
Large glyph ☽
Sample Phase: ☽ First quarter
Compared ☽   ☾   ☼
With entities Hex: ☽ | Decimal: ☽

Complete HTML Example

One page that shows First quarter moon with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ☽ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>First Quarter Moon (U+263D) in HTML</title>
  <style>
    #point::after {
      content: "\263D";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x263D;</p>
  <p>Built with Decimal: &#9789;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ☽</p>
  <p>Phase: &#x263D; First quarter</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x263D; inserts code point U+263D → ☽.

2. Decimal: same code point as 9789 → &#9789;. Same visual as hex.

3. CSS: use \263D in content (not an HTML entity). #point::after appends ☽.

4. Typed: paste ☽ in a UTF-8 document, or place it next to a phase label.

Pitfalls & Tips

Common mistakes when working with First quarter moon.

Name

No named entity

There is no HTML5 named entity for U+263D. Use &#x263D; or &#9789;. Do not invent &moon;.

☾

Not last quarter

U+263E (☾) is the last quarter moon — the opposite phase glyph.

Emoji

Not emoji moons

Emoji moon pictographs live in a different Unicode block and may render as colorful emoji. U+263D is a classic text symbol.

Font

Font coverage

Miscellaneous Symbols glyphs may be missing in some fonts. Prefer a font with symbol coverage, or use an image/SVG if the glyph must always render.

CSS vs HTML

Do not mix escapes

\263D belongs in CSS strings. &#x263D; / &#9789; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ☽ clearly. Prefer nearby prose (for example “First quarter moon”) when the symbol carries meaning.

Semicolon

End references

Always finish entities with ; — write &#x263D;, not &#x263D.

Browser Support

First quarter moon (U+263D) and its entity forms (&#x263D;, &#9789;, CSS \\263D) are supported in all mainstream browsers. Visible glyphs depend on Miscellaneous Symbols font coverage.

✓ Universal support

First Quarter Moon (&#x263D;)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+263D Full support

Bottom line: Prefer &#x263D; in HTML (no named form). Use &#9789; when decimal form is required, and \\263D only inside CSS content.

Key Takeaways

  • Unicode: first quarter moon is U+263D (decimal 9789) — glyph ☽.
  • HTML: no named entity — use &#x263D; / &#9789; / type ☽.
  • CSS: use \263D inside content for generated text.
  • Meaning: ☽ ≠ last quarter ☾ ≠ sun ☼ ≠ emoji moons.

One line: U+263D → &#x263D; / &#9789; / CSS \263D (no named form).

Frequently Asked Questions

Use &#x263D; (hex), &#9789; (decimal), type ☽ directly in UTF-8, or the CSS escape \263D in content. There is no named HTML entity for U+263D.
U+263D (FIRST QUARTER MOON). Hex 263D, decimal 9789. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).
No. HTML5 does not define a named entity for U+263D. Prefer &#x263D; or &#9789;.
Use it for astronomy labels, lunar calendars, weather/space UI, and educational content that needs the first-quarter moon glyph. Prefer last quarter moon (U+263E) for that phase, and emoji moons only when you want emoji styling.
HTML numeric entities (&#9789; or &#x263D;) go in markup. The CSS escape \263D goes in stylesheet strings (usually content on ::before/::after).
No. U+263D is ☽ (first quarter moon). Last quarter moon is U+263E (☾). They face opposite ways.

Did you know?

First quarter moon is Unicode U+263D (decimal 9789) — glyph ☽ (FIRST QUARTER MOON) in Miscellaneous Symbols. There is no HTML5 named entity; use &#x263D; or &#9789;. Do not confuse it with last quarter moon (☾), sun (☼), or emoji moon characters in the Miscellaneous Symbols and Pictographs block.

Next: Five Dot Punctuation

Learn the HTML entity for five-dot punctuation (U+2059).

Five-dot tutorial →

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.

8 people found this page helpful