HTML Entity for White Chess Bishop (♗)
What You'll Learn
How to display the White Chess Bishop (♗) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2657 (WHITE CHESS BISHOP) in the Miscellaneous Symbols chess range (U+2654–U+265F)—the standard Unicode glyph for the white bishop chess piece on boards, tutorials, and notation.
Render it with ♗, ♗, or CSS escape \2657. There is no named HTML entity. Do not confuse ♗ with black bishop ♝ (U+265D).
⚡ Quick Reference — White Chess Bishop
U+2657Miscellaneous Symbols (chess range)
♗Hexadecimal reference
♗Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2657
Hex code ♗
HTML code ♗
Named entity (none)
CSS code \2657
Meaning White chess bishop
Related U+265D = ♝ (black chess bishop)
U+2654 = ♔ (white chess king)
Block Miscellaneous Symbols (U+2654–U+265F chess pieces)Complete HTML Example
A simple example showing the White Chess Bishop (♗) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2657";
}
</style>
</head>
<body>
<p>White Chess Bishop (hex): ♗</p>
<p>White Chess Bishop (decimal): ♗</p>
<p id="point">White Chess Bishop (CSS): </p>
</body>
</html>🌐 Browser Support
U+2657 is supported in modern browsers when rendered with a font that includes chess piece glyphs:
👀 Live Preview
See the White Chess Bishop (♗) in chess contexts:
🧠 How It Works
Hexadecimal Code
♗ uses the Unicode hexadecimal value 2657 to display the White Chess Bishop. The x prefix indicates hexadecimal format.
Decimal HTML Code
♗ uses the decimal Unicode value 9815 to display the same character. A common method for chess piece symbols in HTML.
CSS Entity
\2657 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ♗. Unicode U+2657 is the white bishop in the chess piece range. Not the same as ♝ (black bishop).
Use Cases
The White Chess Bishop (♗) is commonly used in:
Online chess platforms and game applications.
Educational content about chess pieces and strategy.
Graphic design, logos, and creative chess-themed projects.
Board game interfaces and interactive chess content.
Chess lessons and instructional material about rules.
Game websites and interfaces featuring chess.
Move annotations, game records, and PGN content.
💡 Best Practices
Do
- Pair ♗ with
aria-label="white bishop"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 bishop U+2657 from black bishop U+265D
Don’t
- Confuse white bishop ♗ with black bishop ♝
- Mix entity styles randomly in one file
- Use CSS escape
\2657inside 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
Type ♗ directly, or use hex/decimal references
♗ ♗For CSS stylesheets, use the escape in the content property
\2657Unicode U+2657 — WHITE CHESS BISHOP (chess piece range)
Black bishop is U+265D (♝) — not interchangeable
Previous: Wheel Dharma (☸) Next: White Chess King
❓ Frequently Asked Questions
♗ (hex), ♗ (decimal), or \2657 in CSS content. There is no named HTML entity. In UTF-8 you can also type ♗ directly.U+2657 (WHITE CHESS BISHOP). Chess piece range U+2654–U+265F within Miscellaneous Symbols. Hex 2657, decimal 9815. Black bishop is U+265D (♝).♗ or ♗) go directly in markup. The CSS escape \2657 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.♗ or ♗ in HTML, or \2657 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, and more.
About the author
8 people found this page helpful