HTML Entity for White Chess Rook (♖)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2656

What You'll Learn

How to display the White Chess Rook (♖) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2656 (WHITE CHESS ROOK) in the Miscellaneous Symbols chess range (U+2654–U+265F)—the standard Unicode glyph for the white rook chess piece on boards, tutorials, and notation.

Render it with ♖, ♖, or CSS escape \2656. There is no named HTML entity. The rook moves any number of squares along a rank or file and cannot jump over pieces. White begins with rooks on a1 and h1. Do not confuse ♖ with black rook ♜ (U+265C).

⚡ Quick Reference — White Chess Rook

Unicode U+2656

Miscellaneous Symbols (chess range)

Hex Code ♖

Hexadecimal reference

HTML Code ♖

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2656
Hex code       ♖
HTML code      ♖
Named entity   (none)
CSS code       \2656
Meaning        White chess rook
Related        U+265C = ♜ (black chess rook)
               U+2655 = ♕ (white chess queen)
Block          Miscellaneous Symbols (U+2654–U+265F chess pieces)
1

Complete HTML Example

A simple example showing the White Chess Rook (♖) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2656";
  }
 </style>
</head>
<body>
<p>White Chess Rook (hex): &#x2656;</p>
<p>White Chess Rook (decimal): &#9814;</p>
<p id="point">White Chess Rook (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

U+2656 is supported in modern browsers when rendered with a font that includes chess piece glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the White Chess Rook (♖) in chess contexts:

Large glyph
Starting squares♖ a1   ♖ h1
Notation1. ♖ e1
Not the same as♜ (U+265C, black chess rook)
Numeric refs&#x2656; &#9814; \2656

🧠 How It Works

1

Hexadecimal Code

&#x2656; uses the Unicode hexadecimal value 2656 to display the White Chess Rook. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#9814; uses the decimal Unicode value 9814 to display the same character. A common method for chess piece symbols in HTML.

HTML markup
3

CSS Entity

\2656 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the glyph: . Unicode U+2656 is the white rook in the chess piece range. Not the same as ♜ (black rook).

Use Cases

The White Chess Rook (♖) is commonly used in:

🌐 Chess websites

Online chess platforms and game applications.

📚 Chess tutorials

Educational content about rook endgames and strategy.

📝 Game notation

Move annotations, game records, and PGN content.

🎮 Chess applications

Board game interfaces and interactive chess content.

🎓 Educational content

Chess lessons and instructional material about rules.

🃏 Board game interfaces

Game websites and interfaces featuring chess.

♛ Chess strategy

Open files, seventh-rank activity, and rook tactics.

💡 Best Practices

Do

  • Pair ♖ with aria-label="white rook" 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 rook U+2656 from black rook U+265C

Don’t

  • Confuse white rook ♖ with black rook ♜
  • Mix entity styles randomly in one file
  • Use CSS escape \2656 inside 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

1

Type ♖ directly, or use hex/decimal references

&#x2656; &#9814;
2

For CSS stylesheets, use the escape in the content property

\2656
3

Unicode U+2656 — WHITE CHESS ROOK (chess piece range)

4

Black rook is U+265C (♜) — not interchangeable

❓ Frequently Asked Questions

Use &#x2656; (hex), &#9814; (decimal), or \2656 in CSS content. There is no named HTML entity. In UTF-8 you can also type ♖ directly.
U+2656 (WHITE CHESS ROOK). Chess piece range U+2654–U+265F within Miscellaneous Symbols. Hex 2656, decimal 9814. Black rook is U+265C (♜).
In chess websites and applications, chess tutorials and educational content, game notations and move annotations, board game interfaces, chess strategy content, and any web content that displays or references chess pieces.
HTML entities (&#9814; or &#x2656;) go directly in markup. The CSS escape \2656 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.
Named HTML entities are reserved for commonly used ASCII, Latin-1, and widely recognized symbols. Chess piece glyphs like ♖ use numeric codes. Use &#9814; or &#x2656; in HTML, or \2656 in CSS.

Explore More HTML Entities!

Discover 1500+ HTML character references — symbols, punctuation, and more.

All HTML Entities →

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