HTML Entity for Black Shogi Piece (☗)

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

What You'll Learn

How to display Black Shogi Piece (☗) in HTML and CSS. This character is U+2617 in the Miscellaneous Symbols block (U+2600–U+26FF), added in Unicode 3.2 (2002). Its Unicode name is BLACK SHOGI PIECE—a black shogi piece used in Shogi (Japanese chess) notation, game interfaces, and related content. The counterpart White Shogi Piece (☖ U+2616) represents the opposing player.

There is no named HTML entity for U+2617. Use ☗ or ☗ in markup, or \2617 in stylesheet content. In Shogi, black (sente) plays first; white (gote) plays second. Pair game glyphs with visible text or aria-label (for example “Black piece” or “Sente”).

⚡ Quick Reference — Black Shogi Piece

Unicode U+2617

Miscellaneous Symbols (U+2600–U+26FF)

Hex Code ☗

Hexadecimal reference

HTML Code ☗

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2617
Hex code       ☗
HTML code      ☗
Named entity   —
CSS code       \2617
1

Complete HTML Example

This example shows U+2617 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2617";
  }
 </style>
</head>
<body>
<p>Black Shogi Piece using Hexa Decimal: &#x2617;</p>
<p>Black Shogi Piece using HTML Code: &#9751;</p>
<p id="point">Black Shogi Piece using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+2617 is widely supported in modern browsers; piece glyph artwork varies by typeface (Noto Sans JP and similar fonts render it clearly):

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the glyph at different sizes and beside the white shogi piece (font-dependent):

Large glyph
Shogi notation ☗ Sente (black)  |  ☖ Gote (white)
Shogi pair (U+2617 & U+2616) ☗ ☖
Caption U+2617 is BLACK SHOGI PIECE; U+2616 is WHITE SHOGI PIECE in Miscellaneous Symbols.
Monospace refs &#x2617; &#9751; \2617

🧠 How It Works

1

Hexadecimal Code

&#x2617; references code point U+2617 using hex digits 2617 after the #x prefix.

HTML markup
2

Decimal HTML Code

&#9751; is the decimal equivalent (9751) for the same Black Shogi Piece character.

HTML markup
3

CSS Entity

\2617 is the CSS escape for U+2617, used in the content property of ::before or ::after.

CSS stylesheet
=

Same visual result

Hex, decimal, and CSS escapes all produce . There is no named HTML entity for U+2617.

Use Cases

The Black Shogi Piece (☗) is commonly used for:

♟ Shogi game interfaces

Online Shogi games, move displays, and board representations without images.

🎮 Game notation

Recording moves, game logs, and Shogi notation (for example kifu format).

🇯🇳 Japanese culture

Articles, tutorials, and content about Shogi and Japanese chess.

🏆 Board game websites

Shogi clubs, tournaments, and strategy resources.

📚 Educational content

Shogi lessons, piece identification, and rules documentation.

💬 Forums & communities

Shogi discussion boards, move analysis, and strategy talk.

♿ Accessibility

Pair ☗ with text or aria-label (e.g. “Black piece” or “Sente”) for screen reader users.

💡 Best Practices

Do

  • Use hex or decimal consistently—there is no named entity for U+2617
  • Pair ☗ with ☖ (white shogi piece) for complete Shogi notation—black (sente) vs white (gote)
  • Prefer fonts such as Noto Sans JP for clear rendering of Shogi symbols
  • Remember black (☗) plays first (sente); white (☖) plays second (gote) in Shogi
  • Use \2617 only inside CSS content, not inside HTML text nodes
  • Add aria-label (e.g. “Black Shogi piece” or “Sente”) on game UI controls

Don’t

  • Confuse U+2617 with U+2616 (white shogi piece) or other chess-like symbols
  • Rely on ☗ alone to communicate meaning in critical game UI
  • Assume every font renders Shogi pieces clearly at small sizes
  • Use decorative glyphs as the only cue for player or piece state
  • Mix CSS escapes into HTML text nodes (use numeric refs in markup)

Key Takeaways

1

Two numeric references render the same glyph

&#x2617; &#9751;
2

CSS content escape

\2617
3

U+2617 is BLACK SHOGI PIECE; pairs with White Shogi Piece U+2616

4

Miscellaneous Symbols block U+2600–U+26FF; no named HTML entity

5

Pair game glyphs with text or ARIA when meaning must be clear

❓ Frequently Asked Questions

Use &#x2617; (hex), &#9751; (decimal), or \2617 in CSS content. There is no named entity; all valid methods render ☗.
U+2617 (hex 2617, decimal 9751). Miscellaneous Symbols (U+2600–U+26FF). Unicode name BLACK SHOGI PIECE.
For navigation buttons, forward/next indicators, interactive elements, user interfaces, call-out markers, and right-pointing attention indicators.
Numeric references belong in HTML. The \2617 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.
No. Use &#x2617;, &#9751;, or \2617 in CSS depending on whether you are authoring markup or styles.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, 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