HTML Entity for White Chess King (♔)
What You'll Learn
How to display the White Chess King (♔) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2654 (WHITE CHESS KING) in the Miscellaneous Symbols chess range (U+2654–U+265F)—the standard Unicode glyph for the white king chess piece on boards, tutorials, and notation.
Render it with ♔, ♔, or CSS escape \2654. There is no named HTML entity. In the starting position the white king stands on e1. Do not confuse ♔ with black king ♚ (U+265A).
⚡ Quick Reference — White Chess King
U+2654Miscellaneous Symbols (chess range)
♔Hexadecimal reference
♔Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2654
Hex code ♔
HTML code ♔
Named entity (none)
CSS code \2654
Meaning White chess king
Related U+265A = ♚ (black chess king)
U+2657 = ♗ (white chess bishop)
Block Miscellaneous Symbols (U+2654–U+265F chess pieces)Complete HTML Example
A simple example showing the White Chess King (♔) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2654";
}
</style>
</head>
<body>
<p>White Chess King (hex): ♔</p>
<p>White Chess King (decimal): ♔</p>
<p id="point">White Chess King (CSS): </p>
</body>
</html>🌐 Browser Support
U+2654 is supported in modern browsers when rendered with a font that includes chess piece glyphs:
👀 Live Preview
See the White Chess King (♔) in chess contexts:
🧠 How It Works
Hexadecimal Code
♔ uses the Unicode hexadecimal value 2654 to display the White Chess King. The x prefix indicates hexadecimal format.
Decimal HTML Code
♔ uses the decimal Unicode value 9812 to display the same character. A common method for chess piece symbols in HTML.
CSS Entity
\2654 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+2654 is the white king in the chess piece range. Not the same as ♚ (black king).
Use Cases
The White Chess King (♔) is commonly used in:
Chess game applications and online chess platforms.
Educational content about chess pieces and strategy.
Graphic design, logos, and creative chess-themed projects.
Board game interfaces and interactive chess content.
Chess lessons and instructional material about rules.
Game websites and interfaces featuring chess.
Move annotations, game records, and PGN content.
💡 Best Practices
Do
- Pair ♔ with
aria-label="white king"or visible text on boards - Use numeric references when escaping is required
- Pick one style (hex or decimal) per project for consistency
- Use serif or chess-friendly fonts for piece glyphs
- Distinguish white king U+2654 from black king U+265A
Don’t
- Confuse white king ♔ with black king ♚
- Mix entity styles randomly in one file
- Use CSS escape
\2654inside HTML markup - Expect a named HTML entity—none exists for ♔
- Rely on color alone to show piece side—use the correct Unicode code point
Key Takeaways
Type ♔ directly, or use hex/decimal references
♔ ♔For CSS stylesheets, use the escape in the content property
\2654Unicode U+2654 — WHITE CHESS KING (chess piece range)
Black king is U+265A (♚) — not interchangeable
Previous: White Chess Bishop (♗) Next: White Chess Knight
❓ Frequently Asked Questions
♔ (hex), ♔ (decimal), or \2654 in CSS content. There is no named HTML entity. In UTF-8 you can also type ♔ directly.U+2654 (WHITE CHESS KING). Chess piece range U+2654–U+265F within Miscellaneous Symbols. Hex 2654, decimal 9812. Black king is U+265A (♚).♔ or ♔) go directly in markup. The CSS escape \2654 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 \2654 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, and more.
About the author
8 people found this page helpful