HTML Entity for White Chess King (♔)

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

What Is White Chess King?

White Chess King (♔) is the Unicode character at U+2654 (WHITE CHESS KING) in Miscellaneous Symbols. HTML5 has no named entity — use hex or decimal. Use it for chess boards, notation, tutorials, and game UIs.

Remember
Character     ♔
Unicode       U+2654
Named entity  (none)
Hex entity    ♔
Decimal       ♔
CSS escape    \2654
Not the same  ♕ (queen) · ♗ (bishop) · ♚ (black king)

Hex, decimal, CSS, and a typed character all produce the same glyph: ♔. Prefer ♔ or ♔ in HTML markup. For the white bishop see White Chess Bishop; for the knight see White Chess Knight.

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\2654Stylesheet content (4 hex digits)
Direct character♔UTF-8 HTML text

When to Use Which

SituationUse
White chess king♔ or type ♔
Numeric-only markup♔ or ♔
Generated text via ::before / ::aftercontent: "\2654"
White chess queen (♕)Use ♕ (U+2655)
Black chess king (♚)Use ♚ (U+265A)

Live Preview

♔ in context and beside other chess pieces.

Example King ♔ on e1
Large glyph ♔
Hex entity ♔ → ♔
vs look-alikes ♔  |  ♕  |  ♗  |  ♚
With entities Hex: ♔ | Decimal: ♔

Complete HTML Example

One page that shows White Chess King 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>White Chess King (♔)</title>
  <style>
    #point::after {
      content: "\2654";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2654;</p>
  <p>Built with Decimal: &#9812;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ♔</p>
  <p>Label: Piece &#x2654;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex / decimal: U+2654 → &#x2654; or &#9812;. The browser turns either into ♔.

2. Typed: in a UTF-8 document you can paste ♔ directly — same glyph, no entity.

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

4. Look-alikes: white queen is ♕ (U+2655); black king is ♚ (U+265A) — different characters.

Pitfalls & Tips

Common mistakes when working with White Chess King.

Named

There is no named entity

HTML5 does not define a name for U+2654. Use &#x2654; or &#9812;.

vs queen

Not the white queen

U+2655 (♕) is a different piece. See White Chess Queen.

vs black

Not the black king

U+265A (♚) is the black king. See Black Chess King.

Fonts

Need chess glyph coverage

Some fonts omit chess pieces. Prefer fonts that cover Miscellaneous Symbols chess glyphs (U+2654–U+265F).

CSS vs HTML

Do not mix escapes

\2654 belongs in CSS strings. &#x2654; / &#9812; belong in HTML.

Encoding

Declare UTF-8

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

Browser Support

White Chess King (U+2654) and its entity forms (&#x2654;, &#9812;, CSS \\2654) are supported in all mainstream browsers when the page is UTF-8 and the font covers chess symbols.

✓ Universal support

White Chess King (&#x2654;)

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+2654 Full support

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

Key Takeaways

  • Unicode: this piece is U+2654 (decimal 9812) — glyph ♔.
  • HTML: prefer &#x2654; — also &#9812;. No named entity.
  • CSS: use \2654 inside content for generated text.
  • Watch out: ♔ ≠ ♕ ≠ ♚.

One line: U+2654 → &#x2654; / &#9812; / CSS \2654 (no named entity).

Frequently Asked Questions

Use &#x2654; (hex), &#9812; (decimal), type ♔ directly in UTF-8, or the CSS escape \2654 in the content property. There is no named HTML entity. Prefer &#x2654; for readable markup.
U+2654 (WHITE CHESS KING). Hex 2654, decimal 9812. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF), chess pieces range.
No. HTML5 does not define a named form for chess pieces. Use numeric references &#x2654; or &#9812;, or type ♔ in UTF-8.
U+2654 is the white king (♔). U+2655 is the white queen (♕). U+265A is the black king (♚). Use the code point that matches the piece and color you need.
Use it in chess boards, notation, tutorials, and game UIs when you need the white king glyph. Prefer other white-piece code points for queen, rook, bishop, knight, or pawn.
HTML entities (&#9812; or &#x2654;) go in markup. The CSS escape \2654 is used in stylesheets (usually in the content property of ::before/::after). Prefer four hex digits in CSS.

Did you know?

White Chess King is Unicode U+2654 (decimal 9812) — glyph ♔ (WHITE CHESS KING) in Miscellaneous Symbols. HTML5 has no named entity — use &#x2654; or &#9812;. Do not confuse it with White Chess Queen U+2655 (♕), White Chess Bishop U+2657 (♗), or Black Chess King U+265A (♚).

Next: White Chess Knight

Continue with the White Chess Knight 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