Umbrella (☂) is the Miscellaneous Symbols character at Unicode U+2602 (UMBRELLA). It is a weather icon used for rain forecasts, UI badges, and decorative content.
Remember
Character ☂
Unicode U+2602
Hex entity ☂
Decimal ☂
Named entity (none)
CSS escape \2602
Not the same ☔ (U+2614) · ☁ (cloud) · ☀ (sun)
Hex, decimal, CSS, and a typed character all produce the same glyph: ☂. Prefer ☂ when you want an explicit entity.
Using Hex Code: ☂
Using HTML Code: ☂
Using CSS Entity: ☂
☂ Rain expected
How It Works
1. Hex:U+2602 → ☂ in HTML. The browser turns it into ☂.
2. Decimal: same code point as 9730 → ☂. Same result as hex.
3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.
4. CSS: use \2602 in content (not an HTML entity). #point::after appends that ☂ after the paragraph text.
Pitfalls & Tips
Common mistakes when working with Umbrella.
Look-alikes
☂ ≠ ☔ ≠ ☁
U+2602 is a plain umbrella. U+2614 includes rain drops. U+2601 is a cloud.
Named
No &…; name
Do not invent a name. Use ☂ or ☂.
Fonts
Glyph may be missing
Miscellaneous Symbols coverage varies. Test on your target devices or provide a fallback font.
CSS vs HTML
Do not mix escapes
\2602 belongs in CSS. ☂ / ☂ belong in HTML.
A11y
Add nearby words
Pair the glyph with text like Rain or use aria-label when it stands alone in a forecast UI.
Semicolon
End references
Always finish with ; — write ☂, not ☂.
Compatibility
Browser Support
Umbrella (U+2602) and its entity forms (☂, ☂, CSS \\2602) are supported in all modern browsers. Glyph coverage depends on the font.
✓ Universal encoding
Umbrella (☂)
Encode with hex, decimal, or CSS escape — or type ☂ directly in UTF-8 HTML. No named entity.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerIE 9+
Yes*
U+2602Full support
Bottom line: Prefer ☂ for readable HTML. Use \\2602 only inside CSS content.
Remember
Key Takeaways
Unicode: this symbol is U+2602 (decimal 9730).
HTML: prefer ☂ — or use ☂. No named entity.
CSS: use \2602 inside content for generated text.
Watch out:U+2602 ≠ U+2614 ≠ U+2601.
One line:U+2602 → ☂ / ☂ / CSS \2602 (no named entity).
Frequently Asked Questions
Use ☂ (hex), ☂ (decimal), or the CSS escape \2602 in the content property. All render ☂ when the font supports Miscellaneous Symbols. There is no named HTML entity.
U+2602 (UMBRELLA). Hex 2602, decimal 9730. It belongs to Miscellaneous Symbols (U+2600–U+26FF).
No. HTML5 does not define a named entity for U+2602. Use numeric references like ☂ or ☂.
Use it in weather forecasts, icons, and decorative UI when you need an umbrella symbol. Prefer numeric entities when encoding must be explicit. For rain-with-umbrella, consider U+2614 instead.
HTML entities (☂ or ☂) go in markup. The CSS escape \2602 is used in stylesheets (usually in the content property of ::before/::after). Both render ☂.
U+2614 is UMBRELLA WITH RAIN DROPS. Cloud is U+2601. U+2602 is the plain UMBRELLA symbol without rain drops.
🤔
Did you know?
Umbrella is Unicode U+2602 (decimal 9730) — UMBRELLA. HTML5 has no named entity — use ☂ or ☂. Do not confuse it with umbrella with rain drops U+2614 (☔), cloud U+2601 (☁), or sun U+2600 (☀).
