Spade (suit) ♠ — HTML code and how to type it

The spade (suit) ♠ is ♠ in HTML and U+2660 in Unicode. Copy any form below.

Updated

Character♠
HTML named entity♠
HTML decimal♠
HTML hex♠
UnicodeU+2660
CSS content"\2660"
JavaScript"\u2660"
URL encoded%E2%99%A0
UTF-8 bytesE2 99 A0

When to use it

The spade card suit.

In HTML, CSS and JavaScript

<p>&spades;</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 2660 then 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)?
&spades; (named), &#9824; (decimal) or &#x2660; (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.