Black club suit (♣) is Unicode U+2663 in the Miscellaneous Symbols block. It is the filled clubs suit used in card games and suit notation. HTML provides the named entities ♣ and ♣.
Remember
Character ♣
Unicode U+2663
Hex entity ♣
Decimal ♣
Named entity ♣ (also ♣)
CSS escape \2663
Not the same ♧ U+2667 (white club suit)
All of these produce the same glyph: ♣. Prefer ♣ in hand-written HTML; type ♣ in UTF-8 when you can; use numeric or CSS forms for generated content.
One page that shows ♣ with hex, decimal, named entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + Named + CSS + Typed
Five ways to produce ♣ in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Black Club Suit (♣) in HTML</title>
<style>
#point::after {
content: "\2663";
}
</style>
</head>
<body>
<p>Black club suit using Hex Code: ♣</p>
<p>Black club suit using HTML Code: ♣</p>
<p>Black club suit using Named Entity: ♣</p>
<p id="point">Black club suit using CSS Entity: </p>
<p>Typed directly: ♣</p>
</body>
</html>
Black club suit using Hex Code: ♣
Black club suit using HTML Code: ♣
Black club suit using Named Entity: ♣
Black club suit using CSS Entity: ♣
Typed directly: ♣
How It Works
1. Hex:U+2663 → ♣ in HTML. The browser turns it into ♣.
2. Decimal: same code point as 9827 → ♣. Same result as hex.
3. Named:♣ (or ♣) is the standard HTML name for U+2663 — clear in source.
4. CSS: use \2663 in content (not an HTML entity). #point::after appends that ♣ after the paragraph text.
5. Typed ♣: fine in UTF-8 source. All five lines show the same glyph.
Pitfalls & Tips
Common mistakes when working with black club suit (♣).
♣ clubs ≠ ♠ spades ≠ ♥ hearts ≠ ♦ diamonds. Use the matching code point for each suit.
a11y
Say “Clubs”
Screen readers may not announce the suit clearly. Pair the glyph with visible or visually hidden text.
Fonts
Match suit fonts
Use the same font stack for ♣ ♦ ♥ ♠ so suit glyphs look consistent.
CSS vs HTML
Do not mix escapes
\2663 belongs in CSS. ♣ / ♣ belong in HTML.
Semicolon
End references
Always finish with ; — write ♣, not &clubs.
Compatibility
Browser Support
Black club suit (U+2663) and its entity forms (♣, ♣, ♣, ♣, CSS \\2663) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.
✓ Universal support
Black Club Suit (♣)
Type ♣, or encode with named, hex, decimal, or CSS escape — same glyph everywhere encoding is supported.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+2663 / entitiesFull support
Bottom line: Prefer ♣ or a typed ♣ for normal text. Use numeric forms when generating markup, and \\2663 only inside CSS content.
Remember
Key Takeaways
Unicode: black club suit is U+2663 (decimal 9827).
HTML: prefer ♣ (or ♣ / ♣).
CSS: use \2663 inside content for generated icons.
Use ♣ (hex), ♣ (decimal), ♣ or ♣ (named), or the CSS escape \2663 in the content property. All render ♣. You can also paste ♣ directly if your file is UTF-8.
U+2663 (hex 2663, decimal 9827). Unicode names it BLACK CLUB SUIT. It belongs to the Miscellaneous Symbols block in the playing-card suit range.
Yes. ♣ and ♣ both map to U+2663. Prefer ♣ in hand-written HTML; numeric forms are useful in generated markup.
♣ (U+2663) is the filled black club suit. ♧ (U+2667) is white club suit (outline). They are different code points.
HTML entities (♣, ♣, or ♣) go in markup. The CSS escape \2663 is used in stylesheets (usually in the content property of ::before/::after). Both render ♣.
Use ♣ for card games, Bridge/Skat notation, suit labels, and UI that needs the clubs suit. Pair the glyph with the word Clubs when accessibility matters.
🤔
Did you know?
Black club suit is Unicode U+2663 (decimal 9827) in the Miscellaneous Symbols block — official name BLACK CLUB SUIT. HTML’s named references are ♣ and ♣. It is not white club suit (U+2667 ♧).
