HTML Entity for Sun (☉)
What You'll Learn
How to display the Sun symbol (☉) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2609 (SUN) in the Miscellaneous Symbols block (U+2600–U+26FF)—the astronomical sun glyph used in charts, astrology, and scientific notation.
Render it with ☉, ☉, or CSS escape \2609. There is no named HTML entity. Do not confuse ☉ (astronomical sun) with ☀ (black sun with rays, common in weather UIs) or the emoji ☀️.
⚡ Quick Reference — Sun
U+2609Miscellaneous Symbols
☉Hexadecimal reference
☉Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2609
Hex code ☉
HTML code ☉
Named entity (none)
CSS code \2609
Block Miscellaneous Symbols (U+2600–U+26FF)
Related U+2600 = Black Sun With Rays (☀)Complete HTML Example
This example demonstrates the Sun symbol (☉) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2609";
}
</style>
</head>
<body>
<p>Sun using Hexadecimal: ☉</p>
<p>Sun using HTML Code: ☉</p>
<p id="point">Sun using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Sun entity is universally supported in all modern browsers:
👀 Live Preview
See the Sun symbol (☉) rendered in different contexts:
🧠 How It Works
Hexadecimal Code
☉ uses the Unicode hexadecimal value 2609 to display the Sun symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
☉ uses the decimal Unicode value 9737 to display the same character. This is one of the most commonly used methods.
CSS Entity
\2609 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+2609 in the Miscellaneous Symbols block (U+2600–U+26FF). No named entity.
Use Cases
The Sun symbol (☉) commonly appears in:
Star charts, planetarium sites, and science docs.
Forecast UIs and sunny-condition indicators.
Solar system lessons and science textbooks.
Horoscopes, birth charts, and zodiac content.
Renewable energy and sustainability websites.
Logos, icons, and decorative celestial imagery.
Light mode toggles and brightness indicators.
💡 Best Practices
Do
- Use
☉or☉for the astronomical sun - Pick one style (hex or decimal) per project for consistency
- Add
aria-label="Sun"when the symbol stands alone - Test rendering across browsers and fonts
- Use ☀ instead if you need a weather-style sun icon
Don’t
- Confuse ☉ (astronomical sun) with ☀ (black sun with rays)
- Put CSS escape
\2609directly in HTML text nodes - Expect a named HTML entity for U+2609—use numeric references
- Use HTML entities in JS (use
\u2609instead) - Overuse the symbol—keep decorative content balanced
Key Takeaways
Two HTML references both render ☉
☉ ☉For CSS stylesheets, use the escape in the content property
\2609Unicode U+2609 — SUN (astronomical symbol)
No named entity—use numeric references or CSS escape
Weather UI alternative: ☀ (black sun with rays)
❓ Frequently Asked Questions
☉ (hex), ☉ (decimal), or \2609 in CSS content. There is no named HTML entity. All three produce ☉.U+2609 (SUN). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2609, decimal 9737.☉ or ☉) go directly in markup. The CSS escape \2609 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 — symbols, math, astronomy, and more.
About the author
8 people found this page helpful