When to use it
The spade card suit.
In HTML, CSS and JavaScript
<p>♠</p> <!-- or the character itself in a UTF-8 page -->
.note::before { content: "\2660"; }
const s = "\u2660";
In a page saved as UTF-8 (the default today) you can paste the character directly; the entity is only needed when it must survive a non-UTF-8 system. Encode or decode whole texts with the HTML Entity Encoder.
How to type spade (suit)
- Windows: press Win + . to open the emoji and symbol panel and search for it, or type
2660then Alt + X in Word. - Mac: press Ctrl + Cmd + Space and search for “spade (suit)”.
- Linux: Ctrl + Shift + U, then 2660 and Enter.
HTML Entity EncoderEscape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.
Open the tool Frequently asked questions
What is the HTML code for the spade (suit)?
♠ (named), ♠ (decimal) or ♠ (hex). All three produce the same character.
What is the Unicode for the spade (suit)?
U+2660. In CSS write "\2660" and in JavaScript "\u2660".
How do I type the spade (suit) on a keyboard?
On Windows open the symbol panel with Win + . and search for it. On a Mac use Ctrl + Cmd + Space and search for it.