HTML Entity for White Shogi Piece (☖)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2616

HTML Entity for white shogi piece (☖) tutorial illustration

Definition

What Is White Shogi Piece?

White shogi piece (☖) is Unicode U+2616 (WHITE SHOGI PIECE) in the Miscellaneous Symbols block. It is an outline shogi (Japanese chess) piece glyph — useful for game UIs and notation cues. HTML5 has no named entity for this character.

Remember

Character     ☖
Unicode       U+2616
Hex entity    &#x2616;
Decimal       &#9750;
Named entity  (none)
CSS escape    \2616
Not the same  ☗ U+2617 (black shogi piece)

All of these produce the same glyph: ☖. Prefer typing ☖ in UTF-8 when you can; use ☖ / ☖ or CSS for generated content.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`☖`	HTML text (UTF-8) — preferred
Hex entity	`☖`	HTML markup
Decimal entity	`☖`	HTML markup
CSS escape	`\2616`	Stylesheet `content`
Named entity	—	Not defined in HTML5

When to Use Which

Situation	Use
Outline (white) shogi piece	`☖` or type `☖`
Filled (black) shogi piece	☗ (U+2617)
Need an entity in HTML source	`☖` or `☖`
Icon via CSS	`content: "\2616"` on `::before`
Looking for a named entity	None for U+2616 — use numeric form or type `☖`

See it

Live Preview

White shogi piece in study contexts.

Large glyph ☖

Inline cue ☖ White to move

vs. black piece ☖ white · ☗ black

Accessible label Player 2

With entities Hex: ☖ | Decimal: ☖

Code

Complete HTML Example

One page that shows ☖ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ☖ in a single document (no named entity).

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>White Shogi Piece (☖) in HTML</title>
  <style>
    #point::after {
      content: "\2616";
    }
  </style>
</head>
<body>
  <p>White shogi piece using Hex Code: &#x2616;</p>
  <p>White shogi piece using HTML Code: &#9750;</p>
  <p id="point">White shogi piece using CSS Entity: </p>
  <p>Typed directly: ☖</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+2616 → ☖ in HTML. The browser turns it into ☖.

2. Decimal: same code point as 9750 → ☖. Same result as hex.

3. CSS: use \2616 in content (not an HTML entity). #point::after appends that ☖ after the paragraph text.

4. Typed ☖: fine in UTF-8 source. There is no named entity for this symbol.

Pitfalls & Tips

Common mistakes when working with white shogi piece (☖).

☗

Not the black piece

☖ is outline. For the filled form use ☗ (U+2617).

Named?

No named entity

HTML5 does not define a named entity for U+2616. Use ☖ or ☖.

a11y

Name the side

Screen readers may not say “white shogi.” Pair the glyph with visible or visually hidden text such as White.

Fonts

Check symbol coverage

Some UI fonts omit U+2616. Prefer fonts with solid Miscellaneous Symbols / shogi support.

CSS vs HTML

Do not mix escapes

\2616 belongs in CSS. ☖ / ☖ belong in HTML.

Semicolon

End references

Always finish with ; — write ☖, not &#x2616.

Compatibility

Browser Support

White shogi piece (U+2616) and its entity forms (☖, ☖, CSS \\2616) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.

✓ Universal support

White Shogi Piece (☖)

Type ☖, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+2616 / entities Full support

Bottom line: Prefer a typed ☖ or ☖ / ☖ for markup. Use \\2616 only inside CSS content.

Remember

Key Takeaways

Unicode: white shogi piece is U+2616 (decimal 9750).
HTML: prefer typing ☖, or use ☖ / ☖.
CSS: use \2616 inside content for generated icons.
Watch out: no named entity; ☖ ≠ ☗ (white ≠ black shogi piece).

One line: U+2616 → type ☖ / ☖ / ☖ / CSS \2616.

Frequently Asked Questions

How do I display white shogi piece (☖) in HTML?

Use ☖ (hex), ☖ (decimal), or the CSS escape \2616 in the content property. All render ☖. You can also paste ☖ directly if your file is UTF-8. There is no named HTML entity.

What is the Unicode value for white shogi piece?

U+2616 (hex 2616, decimal 9750). Unicode names it WHITE SHOGI PIECE. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for ☖ (U+2616)?

No. HTML5 does not define a named entity for this symbol. Use ☖ or ☖ in markup, or \2616 in CSS.

How is ☖ different from ☗?

☖ (U+2616) is the outline (white) shogi piece. ☗ (U+2617) is the filled (black) shogi piece. They are different code points.

What is the difference between HTML code and CSS entity for ☖?

HTML entities (☖ or ☖) go in markup. The CSS escape \2616 is used in stylesheets (usually in the content property of ::before/::after). Both render ☖.

When should I use the white shogi piece symbol?

Use ☖ for shogi / Japanese chess UIs, board notation cues, and game-related icons when you want the outline form. Prefer ☗ for the filled piece. Pair the glyph with visible text for accessibility.

Did you know?

White shogi piece is Unicode U+2616 (decimal 9750) in the Miscellaneous Symbols block — official name WHITE SHOGI PIECE. HTML5 has no named entity for it. It is an outline shogi (Japanese chess) piece — not the same as ☗ (black shogi piece).

Next: White Smiling Face

Learn the HTML entity for white smiling face (☺).

Continue tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | White Scissors HTML Entity | White Smiling Face