HTML Entity for Umbrella (☂)
What You'll Learn
How to display the Umbrella (☂) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2602 (UMBRELLA) in the Miscellaneous Symbols block (U+2600–U+26FF)—a weather symbol used for rain, forecasts, weather apps, and decorative UI elements.
Render it with ☂, ☂, or CSS escape \2602. There is no named HTML entity for this symbol. Compare ☁ (cloud, U+2601) or ☔ (umbrella with rain drops, U+2614) for related weather characters.
⚡ Quick Reference — Umbrella
U+2602Miscellaneous Symbols block
☂Hexadecimal reference
☂Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2602
Hex code ☂
HTML code ☂
Named entity (none)
CSS code \2602
Related U+2601 = Cloud (☁); U+2614 = Umbrella with rain (☔)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing ☂ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2602";
}
</style>
</head>
<body>
<p>Umbrella (hex): ☂</p>
<p>Umbrella (decimal): ☂</p>
<p id="point">Umbrella (CSS): </p>
</body>
</html>🌐 Browser Support
U+2602 is supported in modern browsers when rendered with a font that includes Miscellaneous Symbols:
👀 Live Preview
See the Umbrella (☂) in weather and UI contexts:
🧠 How It Works
Hexadecimal Code
☂ uses the Unicode hexadecimal value 2602 to display the Umbrella. The x prefix indicates hexadecimal format.
Decimal HTML Code
☂ uses the decimal Unicode value 9730 to display the same character.
CSS Entity
\2602 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ☂. Unicode U+2602 in the Miscellaneous Symbols block (U+2600–U+26FF). No named HTML entity—use numeric codes in markup. Serve HTML as UTF-8.
Use Cases
The Umbrella (☂) is commonly used in:
Forecast pages, meteorological content, and rain condition indicators.
Mobile and web interfaces showing precipitation and rain status.
Graphic design, logos, and creative weather-themed projects.
Buttons, icons, and interactive elements with weather symbols.
Rain advisories, outdoor event notices, and packing tips.
Weather tutorials and meteorology instructional content.
💡 Best Practices
Do
- Use
☂or☂consistently in markup - Use fonts that support Miscellaneous Symbols (Segoe UI Symbol, Apple Symbols)
- Add
aria-label(e.g. “rain” or “umbrella”) in weather UI - Pair ☂ with visible text in forecasts and weather interfaces
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Expect a named entity—none exists for U+2602
- Confuse ☂ (umbrella) with ☔ (umbrella with rain drops U+2614)
- Use U+02602 or CSS
\02602—the correct value is U+2602 and\2602 - Put CSS escape
\2602in HTML text nodes - Rely on the symbol alone in accessibility-critical weather interfaces
Key Takeaways
Two HTML numeric references render ☂
☂ ☂For CSS stylesheets, use the escape in the content property
\2602Unicode U+2602 — UMBRELLA
Miscellaneous Symbols block (U+2600–U+26FF)
Three methods, one glyph — no named HTML entity
❓ Frequently Asked Questions
☂ (hex), ☂ (decimal), or \2602 in CSS content. There is no named entity. All produce ☂.U+2602 (UMBRELLA). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2602, decimal 9730. A weather symbol used for rain, forecasts, and weather-related UI.☂ or ☂) go in markup. The CSS escape \2602 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.☂ or ☂ in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — weather symbols, punctuation, math operators, and more.
About the author
8 people found this page helpful