Spade Symbol (♠)
HTML entity for the spade symbol (♠). Learn how to use ♠ or ♠ in HTML for card suits, games, and decorative elements.
Misc
♠
Spade Symbol
All Formats
| Format | Value |
|---|---|
| Character | ♠ |
| HTML Entity | ♠ |
| HTML Code (Decimal) | ♠ |
| Unicode | U+2660 |
| CSS Content | \2660 |
| Category | Misc |
About Spade Symbol
The spade symbol (♠) is one of the four playing card suit symbols, along with hearts (♥), diamonds (♦), and clubs (♣). In web design, it is used in card game interfaces, decorative separators, and stylistic elements.
In HTML, insert the spade using ♠, ♠, or ♠. The named entity ♠ is clean and well-supported. All four card suit entities were introduced in HTML 4.0 and are universally supported across modern browsers.
The spade symbol is part of the Miscellaneous Symbols Unicode block. It renders as a solid black spade shape resembling an inverted heart with a stem. For a white/outline spade, use ♤ (♤). The spade is traditionally the highest-ranking suit in bridge and several other card games.
In CSS, use "\2660" with the content property for pseudo-element insertion. The spade symbol is commonly used alongside the other card suit characters in online poker and card game applications, as well as decorative elements on gaming-related websites. Screen readers typically announce it as "spade" or "spade suit."
Usage Examples
<!-- Using named entity -->
<p>This is the Spade Symbol: ♠</p>
<!-- Using numeric code -->
<p>This is the Spade Symbol: ♠</p>
<!-- Using the character directly (UTF-8) -->
<p>This is the Spade Symbol: ♠</p>
<!-- In CSS -->
.icon::before {
content: "\2660";
}FAQ
What is the HTML entity for Spade Symbol?
The Spade Symbol (♠) can be inserted using the named entity ♠, the numeric code ♠, or by pasting the character directly in a UTF-8 document.
How do I use ♠ in CSS?
In CSS, use the content property with the value "\2660". For example: content: "\2660";
What is the Unicode code point for Spade Symbol?
The Unicode code point for Spade Symbol is U+2660. This is the universal identifier for this character across all platforms and programming languages.
Try It in the HTML Entity Tool
Use our HTML Entity Encoder & Decoder to encode and decode HTML entities, convert between named, numeric, and hex formats, and explore the full entity reference table.