HTML Entity for White Chess Bishop (♗)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2657

HTML Entity for White Chess Bishop (U+2657) tutorial illustration

Definition

What Is White Chess Bishop?

White Chess Bishop (♗) is the Unicode character at U+2657 (WHITE CHESS BISHOP) in Miscellaneous Symbols. HTML5 has no named entity — use hex or decimal. Use it for chess boards, notation, tutorials, and game UIs.

Remember

Character     ♗
Unicode       U+2657
Named entity  (none)
Hex entity    &#x2657;
Decimal       &#9815;
CSS escape    \2657
Not the same  ♔ (king) · ♘ (knight) · ♝ (black bishop)

Hex, decimal, CSS, and a typed character all produce the same glyph: ♗. Prefer ♗ or ♗ in HTML markup. For the white king see White Chess King; for the knight see White Chess Knight.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	Use numeric or type the character
Hex entity	`♗`	HTML markup (preferred)
Decimal entity	`♗`	HTML markup
CSS escape	`\2657`	Stylesheet `content` (4 hex digits)
Direct character	`♗`	UTF-8 HTML text

When to Use Which

Situation	Use
White chess bishop	`♗` or type `♗`
Numeric-only markup	`♗` or `♗`
Generated text via `::before` / `::after`	`content: "\2657"`
White chess king (♔)	Use `♔` (U+2654)
White chess knight (♘)	Use `♘` (U+2658)

See it

Live Preview

♗ in context and beside other chess pieces.

Example Bishop ♗ on c1

Large glyph ♗

Hex entity ♗ → ♗

vs look-alikes ♗ | ♔ | ♘ | ♝

With entities Hex: ♗ | Decimal: ♗

Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to display ♗ in HTML and CSS. No named entity exists.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>White Chess Bishop (♗)</title>
  <style>
    #point::after {
      content: "\2657";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2657;</p>
  <p>Built with Decimal: &#9815;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ♗</p>
  <p>Label: Piece &#x2657;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex / decimal: U+2657 → ♗ or ♗. The browser turns either into ♗.

2. Typed: in a UTF-8 document you can paste ♗ directly — same glyph, no entity.

3. CSS: use \2657 in content (four hex digits; not an HTML entity). #point::after appends that ♗ after the paragraph text.

4. Look-alikes: white king is ♔ (U+2654); black bishop is ♝ (U+265D) — different characters.

Pitfalls & Tips

Common mistakes when working with White Chess Bishop.

Named

There is no named entity

HTML5 does not define a name for U+2657. Use ♗ or ♗.

vs king

Not the white king

U+2654 (♔) is a different piece. See White Chess King.

vs black

Not the black bishop

U+265D (♝) is the black bishop. Use U+2657 only for the white piece.

Fonts

Need chess glyph coverage

Some fonts omit chess pieces. Prefer fonts that cover Miscellaneous Symbols chess glyphs (U+2654–U+265F).

CSS vs HTML

Do not mix escapes

\2657 belongs in CSS strings. ♗ / ♗ belong in HTML.

Encoding

Declare UTF-8

If you type ♗ directly, keep <meta charset="UTF-8"> so the file is not misread.

Compatibility

Browser Support

White Chess Bishop (U+2657) and its entity forms (♗, ♗, CSS \\2657) are supported in all mainstream browsers when the page is UTF-8 and the font covers chess symbols.

✓ Universal support

White Chess Bishop (♗)

Encode with hex, decimal, CSS escape, or type the character — same Unicode code point everywhere. No named entity.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer IE 9+

Yes*

U+2657 Full support

Bottom line: Prefer ♗ in HTML text. Use ♗ as an equivalent, and \\2657 only inside CSS content. Glyph display depends on font coverage.

Remember

Key Takeaways

Unicode: this piece is U+2657 (decimal 9815) — glyph ♗.
HTML: prefer ♗ — also ♗. No named entity.
CSS: use \2657 inside content for generated text.
Watch out: ♗ ≠ ♔ ≠ ♝.

One line: U+2657 → ♗ / ♗ / CSS \2657 (no named entity).

Frequently Asked Questions

How do I display White Chess Bishop (♗) in HTML using entities?

Use ♗ (hex), ♗ (decimal), type ♗ directly in UTF-8, or the CSS escape \2657 in the content property. There is no named HTML entity. Prefer ♗ for readable markup.

What is the Unicode value for White Chess Bishop?

U+2657 (WHITE CHESS BISHOP). Hex 2657, decimal 9815. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF), chess pieces range.

Is there a named HTML entity for U+2657?

No. HTML5 does not define a named form for chess pieces. Use numeric references ♗ or ♗, or type ♗ in UTF-8.

How is U+2657 different from U+2654 or U+265D?

U+2657 is the white bishop (♗). U+2654 is the white king (♔). U+265D is the black bishop (♝). Use the code point that matches the piece and color you need.

When should I use this HTML entity?

Use it in chess boards, notation, tutorials, and game UIs when you need the white bishop glyph. Prefer other white-piece code points for king, queen, rook, knight, or pawn.

What is the difference between HTML code and CSS entity for U+2657?

HTML entities (♗ or ♗) go in markup. The CSS escape \2657 is used in stylesheets (usually in the content property of ::before/::after). Prefer four hex digits in CSS.

Did you know?

White Chess Bishop is Unicode U+2657 (decimal 9815) — glyph ♗ (WHITE CHESS BISHOP) in Miscellaneous Symbols. HTML5 has no named entity — use ♗ or ♗. Do not confuse it with White Chess King U+2654 (♔), White Chess Knight U+2658 (♘), or Black Chess Bishop U+265D (♝).

Next: White Chess King

Continue with the White Chess King entity tutorial.

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 | Wheel Dharma HTML Entity | White Chess King