HTML Entity for Warning Sign (⚠)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+26A0

What Is Warning Sign?

Warning Sign (⚠) is the Miscellaneous Symbols character at Unicode U+26A0 (WARNING SIGN). HTML5 has no named entity — use hex or decimal. Use it for caution and alert messaging in text.

Remember
Character     ⚠
Unicode       U+26A0
Named entity  (none)
Hex entity    ⚠
Decimal       ⚠
CSS escape    \26A0
Not the same  ⚡ · ! · emoji variants

Hex, decimal, CSS, and a typed character all produce the same code point: ⚠. Prefer ⚠ or ⚠ in HTML markup. Always pair the symbol with clear text so the warning is understandable without relying on the glyph alone.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNoneUse numeric or type the character
Hex entity⚠HTML markup (preferred)
Decimal entity⚠HTML markup
CSS escape\26A0Stylesheet content (4 hex digits)
Direct character⚠UTF-8 HTML text

When to Use Which

SituationUse
Caution / warning in text⚠ or type ⚠
Numeric-only markup⚠ or ⚠
Generated text via ::before / ::aftercontent: "\26A0"
High voltage symbolUse U+26A1 (⚡) — different character
Plain emphasis onlyType ! (U+0021) — not a warning triangle

Live Preview

⚠ in a short alert and beside look-alikes.

Inline ⚠ Caution: check your input
Large glyph ⚠
Hex entity ⚠ → ⚠
vs look-alikes ⚠  |  ⚡  |  !
With entities Hex: ⚠ | Decimal: ⚠

Complete HTML Example

One page that shows Warning Sign with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ⚠ in HTML and CSS. No named entity exists.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Warning Sign (⚠)</title>
  <style>
    #point::after {
      content: "\26A0";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x26A0;</p>
  <p>Built with Decimal: &#9888;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⚠</p>
  <p role="status">&#x26A0; Caution: save your work</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex / decimal: U+26A0 → &#x26A0; or &#9888;. The browser turns either into ⚠.

2. Typed: in a UTF-8 document you can paste ⚠ directly — same code point, no entity.

3. CSS: use \26A0 in content (four hex digits; not an HTML entity). #point::after appends that ⚠ after the paragraph text.

4. Accessibility: keep a text label next to the symbol. Decorative-only use should be marked appropriately so screen readers are not left with an unclear character.

Pitfalls & Tips

Common mistakes when working with Warning Sign.

Named

There is no &warning;

HTML5 does not define a named entity for U+26A0. Use &#x26A0; or &#9888;.

A11y

Do not rely on the glyph alone

Include readable text such as “Warning” or “Caution” so the message is clear to everyone.

Look-alike

Not high voltage

U+26A1 (⚡) is a different symbol. Use U+26A0 only for the triangular warning sign.

Fonts

Text vs emoji style

Some platforms render U+26A0 as emoji-style. Appearance depends on font and OS.

CSS vs HTML

Do not mix escapes

\26A0 belongs in CSS strings. &#x26A0; / &#9888; belong in HTML.

Encoding

Declare UTF-8

If you type ⚠ directly, keep <meta charset="UTF-8"> so the file is not misread.

Browser Support

Warning Sign (U+26A0) and its entity forms (&#x26A0;, &#9888;, CSS \\26A0) are supported in all mainstream browsers when the page is UTF-8 and the font covers Miscellaneous Symbols / emoji.

✓ Universal support

Warning Sign (&#x26A0;)

Encode with hex, decimal, CSS escape, or type the character — same Unicode code point everywhere. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+26A0 Full support

Bottom line: Prefer &#x26A0; in HTML text. Use &#9888; as an equivalent, and \\26A0 only inside CSS content. Glyph display depends on font coverage.

Key Takeaways

  • Unicode: this symbol is U+26A0 (decimal 9888) — glyph ⚠.
  • HTML: prefer &#x26A0; — also &#9888;. No named entity.
  • CSS: use \26A0 inside content for generated text.
  • Watch out: ⚠ ≠ ⚡ ≠ ! — and always include text with the symbol.

One line: U+26A0 → &#x26A0; / &#9888; / CSS \26A0 (no named entity).

Frequently Asked Questions

Use &#x26A0; (hex), &#9888; (decimal), type ⚠ directly in UTF-8, or the CSS escape \26A0 in the content property. There is no named HTML entity. Prefer &#x26A0; for readable markup.
U+26A0 (WARNING SIGN). Hex 26A0, decimal 9888. It belongs to Miscellaneous Symbols (U+2600–U+26FF).
No. HTML5 does not define &warning; or any other named form. Use numeric references &#x26A0; or &#9888;, or type ⚠ in UTF-8.
U+26A0 is the triangular warning / caution sign. U+26A1 is high voltage (⚡). A plain ! is U+0021 — not a warning triangle.
Use it for caution labels, alert banners, and safety messaging when a text character is enough. Pair it with clear wording for accessibility.
HTML entities (&#9888; or &#x26A0;) go in markup. The CSS escape \26A0 is used in stylesheets (usually in the content property of ::before/::after). Prefer four hex digits in CSS.

Did you know?

Warning Sign is Unicode U+26A0 (decimal 9888) — glyph ⚠ (WARNING SIGN) in Miscellaneous Symbols. HTML5 has no named entity — use &#x26A0; or &#9888;. Use it for caution / alert UI. Do not confuse it with high voltage (U+26A1), a plain exclamation mark, or emoji presentation variants that append a variation selector.

Next: Wave Arrow Pointing Directly Right

Continue with the wave arrow pointing directly right entity tutorial.

Continue tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful