HTML Entity for White Club Suit (♧)
What You'll Learn
How to display the White Club Suit (♧) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2667 (WHITE CLUB SUIT) in the Miscellaneous Symbols block (U+2600–U+26FF), part of the playing-card suit range (U+2660–U+2667). It is the outline counterpart to the filled black clubs suit ♣ (U+2663).
Render it with ♧, ♧, or CSS escape \2667. There is no named HTML entity for ♧—use ♣ only when you need the black clubs glyph ♣. All three numeric methods render the white/outline clubs symbol in modern browsers.
⚡ Quick Reference — White Club Suit
U+2667Miscellaneous Symbols (playing cards)
♧Hexadecimal reference
♧Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2667
Hex code ♧
HTML code ♧
Named entity (none)
CSS code \2667
Meaning White (outline) clubs suit
Related U+2663 = ♣ (black club suit, ♣)
U+2662 = ♢ (white diamond suit)
Block Miscellaneous Symbols (U+2660–U+2667 playing cards)Complete HTML Example
A simple example showing White Club Suit (♧) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#suit:after{
content: "\2667";
}
</style>
</head>
<body>
<p>White Club Suit (hex): ♧</p>
<p>White Club Suit (decimal): ♧</p>
<p id="suit">White Club Suit (CSS): </p>
</body>
</html>🌐 Browser Support
U+2667 is supported in modern browsers when the font includes Miscellaneous Symbols glyphs:
👀 Live Preview
See White Club Suit (♧) alongside related playing-card symbols:
♣)🧠 How It Works
Hexadecimal Code
♧ uses the Unicode hexadecimal value 2667 to display the White Club Suit symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
♧ uses the decimal Unicode value 9831 to display the same character. A common method for symbol characters in HTML.
CSS Entity
\2667 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce ♧. Unicode U+2667 is the white clubs suit in the playing-card range U+2660–U+2667. Not the same as ♣ (black club, ♣).
Use Cases
White Club Suit (♧) is commonly used in:
Outline suit indicators and lightweight card UI without image sprites.
Poker, Bridge, Solitaire, and other playing-card interfaces.
Casino themes, game branding, and playing-card aesthetics.
Rules, strategy guides, and card-game tutorials.
Hand analysis and move notation in card-game communities.
Buttons, badges, and navigation with a clubs motif.
Pair ♧ with text or ARIA (e.g. “Clubs”); the glyph alone is not enough.
💡 Best Practices
Do
- Use ♧ when you need the outline clubs glyph; use ♣ /
♣for filled black clubs - Use the same font stack for all suit symbols in a card UI
- Add
aria-labelor visible text for standalone suit glyphs - Pick one numeric style (hex or decimal) per project for consistency
- Test rendering across browsers and devices
Don’t
- Confuse ♧ (white club) with ♣ (black club) or
♣ - Assume
♣renders ♧—it renders ♣ - Mix entity styles randomly in one codebase
- Use CSS escape
\2667inside HTML text nodes - Assume every visitor knows suit symbols without a legend
Key Takeaways
Type ♧ directly, or use hex/decimal references
♧ ♧For CSS stylesheets, use the escape in the content property
\2667Unicode U+2667 — WHITE CLUB SUIT (playing-card range)
No named entity; ♣ is for U+2663 (black club) only
Previous: White Circle Two Dots (⚇) Next: White Diamond Suit (♢)
❓ Frequently Asked Questions
♧ (hex), ♧ (decimal), or \2667 in CSS content. There is no named HTML entity. In UTF-8 you can also type ♧ directly.U+2667 (WHITE CLUB SUIT). Playing-card suits U+2660–U+2667 in Miscellaneous Symbols. Hex 2667, decimal 9831.♧ or ♧) go directly in markup. The CSS escape \2667 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.♣, ♥, ♦, ♠) but not the white/outline variants. Use ♧ or ♧ for ♧.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, and more.
About the author
8 people found this page helpful