HTML Entity for White Spade Suit (♤)
What You'll Learn
How to display the White Spade Suit symbol (♤) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2664 (WHITE SPADE SUIT) in the Miscellaneous Symbols block (U+2600–U+26FF)—the outline spade suit from playing cards, part of the playing-card suit range U+2660–U+2667.
Render it with ♤, ♤, or CSS escape \2664. There is no named HTML entity for U+2664. Do not confuse ♤ with ♠ (black spade suit, ♠) or other suit symbols.
⚡ Quick Reference — White Spade Suit
U+2664Miscellaneous Symbols (playing cards)
♤Hexadecimal reference
♤Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2664
Hex code ♤
HTML code ♤
Named entity (none)
CSS code \2664
Meaning White spade suit (playing cards)
Related U+2660 = ♠ (black spade suit, ♠)
U+2661 = ♡ (white heart suit)
U+2662 = ♢ (white diamond suit)
U+2667 = ♧ (white club suit)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing White Spade Suit (♤) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#spade:after{
content: "\2664";
}
</style>
</head>
<body>
<p>White Spade Suit (hex): ♤</p>
<p>White Spade Suit (decimal): ♤</p>
<p id="spade">White Spade Suit (CSS): </p>
</body>
</html>🌐 Browser Support
U+2664 is supported in modern browsers when the font includes Miscellaneous Symbols glyphs:
👀 Live Preview
See White Spade Suit (♤) in context:
🧠 How It Works
Hexadecimal Code
♤ uses the Unicode hexadecimal value 2664 to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
♤ uses the decimal Unicode value 9828 to display the same character. A common method for symbol characters in HTML.
CSS Entity
\2664 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+2664 is the white spade suit. Not the same as ♠ (black spade, ♠).
Use Cases
White Spade Suit (♤) is commonly used in:
Online card games, poker applications, and card game interfaces.
Casino games, card game apps, and gaming platforms with playing cards.
Card game tutorials, documentation, and playing card displays.
Graphic design projects, logos, and content with card suit symbols.
Gambling platforms and card game-related content.
Tutorials about card games, probability lessons, and suit notation.
Pair ♤ with text or aria-label (e.g. “Spades”); the glyph alone is not enough.
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+2664
- Pair ♤ with ♠ (black spade,
♠) when showing outline vs filled suits - Use the same font stack for all suit symbols in a card UI
- Pair suit symbols with clear labels or context in game rules or card layouts
- Use
\2664only inside CSScontent, not inside HTML text nodes - Add
aria-labelor visible text for standalone suit glyphs
Don’t
- Confuse ♤ (white spade) with ♠ (black spade,
♠) or other suits - Assume every visitor knows suit symbols without a legend
- Mix entity styles randomly in one codebase
- Use CSS escape
\2664inside HTML markup - Rely on color alone when red/black suit distinction matters
Key Takeaways
Two numeric references render the same glyph
♤ ♤CSS content escape
\2664U+2664 is WHITE SPADE SUIT; black spade is U+2660 (♠)
Playing-card suits are U+2660–U+2667; no named entity for white suits
Previous: White Smiling Face (☺) Next: White Sun Rays (☼)
❓ Frequently Asked Questions
♤ (hex), ♤ (decimal), or \2664 in CSS content. There is no named entity; all valid methods render ♤.U+2664 (hex 2664, decimal 9828). Miscellaneous Symbols, playing-card suits U+2660–U+2667. Unicode name WHITE SPADE SUIT.\2664 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.♤, ♤, or \2664 in CSS. For the filled black spade, use ♠ (U+2660).Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful