White spade suit (♤) is Unicode U+2664 (WHITE SPADE SUIT) in the Miscellaneous Symbols block. It is the outline spades suit used in card games and decorative suit UI. HTML5 has no named entity for this character.
Remember
Character ♤
Unicode U+2664
Hex entity ♤
Decimal ♤
CSS escape \2664
Named entity (none)
Not the same ♠ U+2660 (black spade suit)
All of these produce the same glyph: ♤. Prefer typing ♤ in UTF-8 when you can; use numeric or CSS forms for generated content. Do not use ♠ — that maps to black spade suit (U+2660).
White spade suit using Hex Code: ♤
White spade suit using HTML Code: ♤
White spade suit using CSS Entity: ♤
Typed directly: ♤
How It Works
1. Hex:U+2664 → ♤ in HTML. The browser turns it into ♤.
2. Decimal: same code point as 9828 → ♤. Same result as hex.
3. CSS: use \2664 in content (not an HTML entity). #point::after appends that ♤ after the paragraph text.
4. Typed ♤: fine in UTF-8 source. There is no named entity — ♠ is a different character.
Pitfalls & Tips
Common mistakes when working with white spade suit (♤).
♠
Not black spade
♤ is outline. For the filled form use ♠ (U+2660) / ♠.
Named?
No named entity
♠ and ♠ always mean U+2660. For ♤ use numeric forms only.
♡
Do not swap suits
♤ spades ≠ ♡ hearts ≠ ♢ diamonds ≠ ♧ clubs. Use the matching white-suit code point.
a11y
Say “Spades”
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 white suit glyphs look consistent.
Semicolon
End references
Always finish with ; — write ♤, not ♤.
Compatibility
Browser Support
White spade suit (U+2664) and its entity forms (♤, ♤, CSS \\2664) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.
✓ Universal support
White Spade Suit (♤)
Type ♤, or encode with 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+2664 / entitiesFull support
Bottom line: Prefer a typed ♤ or ♤ / ♤ for markup. Use \\2664 only inside CSS content. Do not use ♠ for this glyph.
Remember
Key Takeaways
Unicode: white spade suit is U+2664 (decimal 9828).
HTML: prefer typing ♤, or use ♤ / ♤.
CSS: use \2664 inside content for generated icons.
Watch out: no named entity; ♤ ≠ ♠; ♠ is black spade.
One line:U+2664 → type ♤ / ♤ / ♤ / CSS \2664.
Frequently Asked Questions
Use ♤ (hex), ♤ (decimal), or the CSS escape \2664 in the content property. All render ♤. You can also paste ♤ directly if your file is UTF-8. There is no named HTML entity.
U+2664 (hex 2664, decimal 9828). Unicode names it WHITE SPADE SUIT. It belongs to the Miscellaneous Symbols block in the playing-card suit range U+2660–U+2667.
No. HTML5 does not define a named entity for white spade suit. Use ♤ or ♤. The named forms ♠ and ♠ map to black spade suit (U+2660), not this character.
♤ (U+2664) is the outline white spade suit. ♠ (U+2660) is the filled black spade suit with named entities ♠ / ♠. They are different code points.
HTML entities (♤ or ♤) go in markup. The CSS escape \2664 is used in stylesheets (usually in the content property of ::before/::after). Both render ♤.
Use ♤ when you want an outline spades glyph for card UI, decorative suits, or light-on-dark designs. Prefer ♠ (♠) for the common filled spades suit in games and Bridge notation.
🤔
Did you know?
White spade suit is Unicode U+2664 (decimal 9828) in the Miscellaneous Symbols block — official name WHITE SPADE SUIT. HTML5 has no named entity for it. It is not black spade suit (U+2660 ♠ / ♠).
