HTML Entity for Warning Sign (⚠)
What You'll Learn
How to display the Warning Sign symbol (⚠) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+26A0 (WARNING SIGN) in the Miscellaneous Symbols block—a widely recognized caution indicator for alerts, safety notices, and UI feedback.
Render it with ⚠, ⚠, or CSS escape \26A0. There is no named HTML entity. Do not confuse ⚠ with the police car light emoji 🚨 (U+1F6A8) or vertical male stroke sign ⚨ (U+26A8).
⚡ Quick Reference — Warning Sign Entity
U+26A0Miscellaneous Symbols
⚠Hexadecimal reference
⚠Decimal reference
—No named entity
Name Value
──────────── ──────────
Unicode U+26A0
Hex code ⚠
HTML code ⚠
Named entity (none)
CSS code \26A0
Meaning Warning / caution sign
Not the same U+1F6A8 = 🚨 (police car light emoji)
U+26A8 = ⚨ (vertical male stroke sign)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing the Warning Sign symbol (⚠) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\26A0";
}
</style>
</head>
<body>
<p>Symbol (hex): ⚠</p>
<p>Symbol (decimal): ⚠</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Warning Sign symbol (⚠) is supported in modern browsers when the font includes Miscellaneous Symbols glyphs:
👀 Live Preview
See the Warning Sign symbol rendered live in alert contexts:
🧠 How It Works
Hexadecimal Code
⚠ uses the Unicode hexadecimal value 26A0 to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚠ uses the decimal Unicode value 9888 to display the same character. A common method for warning symbols.
CSS Entity
\26A0 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+26A0 sits in Miscellaneous Symbols. Not the same as 🚨 (emoji) or ⚨ (U+26A8).
Use Cases
The Warning Sign symbol (⚠) is commonly used in:
Alert messages, notifications, and warning dialogs.
Safety notices, hazard labels, and caution banners.
Announcements and informational messages needing attention.
Hazard indicators and risk notifications.
Form validation, interactive elements, and warning states.
Validation errors and system notifications.
User guides and technical docs highlighting cautions.
💡 Best Practices
Do
- Pair ⚠ with clear text or
role="alert"/aria-label - Use numeric references when escaping is required
- Pick one style (hex or decimal) per project for consistency
- Use fonts that support Miscellaneous Symbols
- Combine with color and wording for accessible warnings
Don’t
- Confuse ⚠ (U+26A0) with 🚨 (police car light emoji)
- Rely on the symbol alone without explanatory text
- Mix entity styles randomly in one file
- Use CSS escape
\26A0inside HTML markup - Expect a named HTML entity—none exists for ⚠
Key Takeaways
Type ⚠ directly, or use hex/decimal references
⚠ ⚠For CSS stylesheets, use the escape in the content property
\26A0Unicode U+26A0 — WARNING SIGN
Not the same as 🚨 (emoji) or ⚨ (vertical male stroke)
Previous: Volume Integral (∰) Next: Wave Arrow Pointing Directly Right
❓ Frequently Asked Questions
⚠ (hex), ⚠ (decimal), or \26A0 in CSS content. There is no named HTML entity. In UTF-8 you can also type ⚠ directly.U+26A0 (WARNING SIGN). Miscellaneous Symbols block. Hex 26A0, decimal 9888. Distinct from U+1F6A8 (🚨, police car light emoji).⚠ or ⚠) go directly in markup. The CSS escape \26A0 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.⚠ or ⚠ in HTML, or \26A0 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, and more.
About the author
8 people found this page helpful