HTML Entity for Cloud (☁)
What You'll Learn
How to display the Cloud (☁) symbol in HTML and CSS. This character is U+2601 (CLOUD) in the Miscellaneous Symbols block (U+2600–U+26FF). It is widely used for weather displays, forecasts, and cloud-related UI without image assets.
There is no named HTML entity for U+2601. Use ☁ or ☁ in markup, or \2601 in stylesheet content. Do not confuse ☁ with Black Sun Rays U+2600 (☀), the cloud-with-rain emoji U+1F327, or the white cloud emoji U+2601 FE0F variant styling.
⚡ Quick Reference — Cloud
U+2601Miscellaneous Symbols (U+2600–U+26FF)
☁Hexadecimal reference
☁Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2601
Hex code ☁
HTML code ☁
Named entity —
CSS code \2601Complete HTML Example
This example shows U+2601 using hexadecimal and decimal character references, plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2601";
}
</style>
</head>
<body>
<p>Cloud using Hexa Decimal: ☁</p>
<p>Cloud using HTML Code: ☁</p>
<p id="point">Cloud using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2601 is supported in modern browsers; glyph appearance may vary by font:
👀 Live Preview
See the Cloud symbol in weather and UI contexts:
🧠 How It Works
Hexadecimal Code
☁ references code point U+2601 using hex digits 2601.
Decimal HTML Code
☁ is the decimal equivalent (9729) for the same character.
CSS Entity
\2601 is the CSS escape for U+2601, used in the content property of ::before or ::after.
Same visual result
All three methods produce the Cloud glyph: ☁. Unicode U+2601 sits in Miscellaneous Symbols (U+2600–U+26FF). No named HTML entity exists.
Use Cases
The Cloud symbol (☁) commonly appears in:
Cloud conditions in forecasts, widgets, and climate dashboards.
Cloud services, storage, and SaaS in articles, landing pages, and docs.
Lightweight icons in admin panels, status indicators, and visualizations.
Scalable symbol across screen sizes without image assets.
Weather, environment, and sustainability topics in blogs and education.
Unicode tables and Miscellaneous Symbols glossaries.
Pair with alt text or aria-label="cloud" so screen readers convey meaning.
💡 Best Practices
Do
- Use
☁or☁consistently in HTML - Add visible text (“Cloudy”, “Cloud storage”) alongside icon-only uses
- Use
aria-labelon decorative or status cloud icons - Choose fonts that support Miscellaneous Symbols (Segoe UI Symbol, Noto Sans Symbols)
- Use
\2601only inside CSScontent, not in HTML text nodes
Don’t
- Confuse U+2601 (☁) with Black Sun Rays U+2600 (☀) or emoji variants
- Use U+02601 notation—the correct code point is U+2601
- Assume a named entity exists—U+2601 has none
- Rely on the glyph alone without context in cloud-computing vs weather UI
- Mix hex and decimal styles randomly in one file
Key Takeaways
No named entity—use numeric references
☁ ☁For CSS stylesheets, use the escape in the content property
\2601U+2601 CLOUD
Ideal for weather and cloud-computing UI without images
Three methods, one glyph — widely supported in modern browsers
❓ Frequently Asked Questions
☁ (hex), ☁ (decimal), or \2601 in CSS content. There is no named HTML entity for U+2601.U+2601 (CLOUD). Miscellaneous Symbols (U+2600–U+26FF). Hex 2601, decimal 9729.☁ or ☁) go directly in HTML markup. The CSS escape \2601 is used in stylesheets, typically in the content property of pseudo-elements.Explore More HTML Entities!
Discover 1500+ HTML character references — math operators, symbols, arrows, and more.
About the author
8 people found this page helpful