HTML Entity for Thunderstorm (☈)
What You'll Learn
How to display the Thunderstorm symbol (☈) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2608 (THUNDERSTORM) in the Miscellaneous Symbols block (U+2600–U+26FF)—a weather symbol for thunderstorms and lightning storms.
Render it with ☈, ☈, or CSS escape \2608. There is no named HTML entity. Do not confuse ☈ with ☁ (CLOUD, U+2601) or ⛈ (THUNDER CLOUD WITH RAIN, U+26C8).
⚡ Quick Reference — Thunderstorm
U+2608Miscellaneous Symbols
☈Hexadecimal reference
☈Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2608
Hex code ☈
HTML code ☈
Named entity (none)
CSS code \2608
Block Miscellaneous Symbols (U+2600–U+26FF)
Official name THUNDERSTORM
Related U+2600 = Black Sun (☀), U+2744; = Snowflake (❄)Complete HTML Example
This example demonstrates the Thunderstorm symbol (☈) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2608";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ☈</p>
<p>Using HTML Code: ☈</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Thunderstorm symbol renders in modern browsers when fonts include Miscellaneous Symbols glyphs:
👀 Live Preview
See the Thunderstorm symbol (☈) in weather context:
🧠 How It Works
Hexadecimal Code
☈ uses the Unicode hexadecimal value 2608 to display the Thunderstorm symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
☈ uses the decimal Unicode value 9736 to display the same character.
CSS Entity
\2608 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+2608 in the Miscellaneous Symbols block (U+2600–U+26FF). No named entity.
Use Cases
The Thunderstorm symbol (☈) commonly appears in:
Mobile widgets and forecast apps for storm conditions.
Climate data displays and weather information systems.
Weather maps and alert systems for severe weather.
Desktop apps and browser extensions showing conditions.
Meteorology tutorials and weather science content.
Weather reports and news content about storms.
Severe weather warnings and notification interfaces.
💡 Best Practices
Do
- Use
☈or☈for the thunderstorm glyph - Add
aria-label(e.g. “Thunderstorm”) for accessibility - Pair the symbol with text labels in forecast UI
- Use CSS
font-sizeto scale in weather widgets - Test rendering across browsers and font stacks
Don’t
- Confuse ☈ (thunderstorm) with ☁ (cloud) or ⛈ (thunder cloud with rain)
- Rely on the symbol alone without accessible text in alerts
- Put CSS escape
\2608directly in HTML text nodes - Expect a named HTML entity for U+2608—use numeric references
- Use HTML entities in JS (use
\u2608instead)
Key Takeaways
Two HTML references both render ☈
☈ ☈For CSS stylesheets, use the escape in the content property
\2608Unicode U+2608 — THUNDERSTORM
No named entity—use numeric references or CSS escape
Part of Miscellaneous Symbols (U+2600–U+26FF) for weather icons
❓ Frequently Asked Questions
☈ (hex), ☈ (decimal), or \2608 in CSS content. There is no named HTML entity. All three produce ☈.U+2608 (THUNDERSTORM). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2608, decimal 9736.☈ or ☈) go directly in markup. The CSS escape \2608 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 — weather, symbols, and more.
About the author
8 people found this page helpful