HTML Entity for White Chess Knight (♘)

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

What You'll Learn

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

Render it with ♘, ♘, or CSS escape \2658. There is no named HTML entity. White starts with knights on b1 and g1; the knight moves in an L-shape and is the only piece that may jump over occupied squares. Do not confuse ♘ with black knight ♞ (U+265E).

⚡ Quick Reference — White Chess Knight

Unicode U+2658

Miscellaneous Symbols (chess range)

Hex Code ♘

Hexadecimal reference

HTML Code ♘

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2658
Hex code       ♘
HTML code      ♘
Named entity   (none)
CSS code       \2658
Meaning        White chess knight
Related        U+265E = ♞ (black chess knight)
               U+2654 = ♔ (white chess king)
Block          Miscellaneous Symbols (U+2654–U+265F chess pieces)
1

Complete HTML Example

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

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

🌐 Browser Support

U+2658 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 Knight (♘) in chess contexts:

Large glyph
Starting squares♘ b1   ♘ g1
Notation1. ♘ f3
Not the same as♞ (U+265E, black chess knight)
Numeric refs&#x2658; &#9816; \2658

🧠 How It Works

1

Hexadecimal Code

&#x2658; uses the Unicode hexadecimal value 2658 to display the White Chess Knight. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

\2658 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+2658 is the white knight in the chess piece range. Not the same as ♞ (black knight).

Use Cases

The White Chess Knight (♘) is commonly used in:

🌐 Chess websites

Online chess platforms and game applications.

📚 Chess tutorials

Educational content about knight moves and strategy.

🎨 Creative content

Graphic design, logos, and chess-themed projects.

🎮 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 notation

Move annotations, game records, and PGN content.

💡 Best Practices

Do

  • Pair ♘ with aria-label="white knight" 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 knight U+2658 from black knight U+265E

Don’t

  • Confuse white knight ♘ with black knight ♞
  • Mix entity styles randomly in one file
  • Use CSS escape \2658 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

&#x2658; &#9816;
2

For CSS stylesheets, use the escape in the content property

\2658
3

Unicode U+2658 — WHITE CHESS KNIGHT (chess piece range)

4

Black knight is U+265E (♞) — not interchangeable

❓ Frequently Asked Questions

Use &#x2658; (hex), &#9816; (decimal), or \2658 in CSS content. There is no named HTML entity. In UTF-8 you can also type ♘ directly.
U+2658 (WHITE CHESS KNIGHT). Chess piece range U+2654–U+265F within Miscellaneous Symbols. Hex 2658, decimal 9816. Black knight is U+265E (♞).
In chess websites and applications, chess tutorials and educational content, creative content and design, chess notation and move annotations, board game interfaces, and any web content that displays or references chess pieces.
HTML entities (&#9816; or &#x2658;) go directly in markup. The CSS escape \2658 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 &#9816; or &#x2658; in HTML, or \2658 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