♤ White Spade Suit

How to type White Spade Suit on Mac / Windows / Linux?

Windows: Use the Emoji Panel (Win + .), the Character Map app, or copy/paste ♤.

macOS: Use Character Viewer (Control + Command + Space) and search by name, or copy/paste.

Linux: In many Linux apps, press Ctrl + Shift + U, type 2664, then press Enter. If that doesn't work, use Character Map and copy/paste.

Microsoft Office: Type 2664 then press Alt + X.

How to type White Spade Suit on iOS / Android?

On iOS, long-press the globe/emoji key and search in the symbol picker, or paste the symbol.

On Android, open the symbols keyboard or use your app’s character panel, then paste.

How to add White Spade Suit in HTML?

Best practice is to include the literal character and serve your page as UTF-8. Use numeric references (or a named HTML entity, if available) only when you need an ASCII-only representation.

<meta charset="utf-8" />
<span>♤ symbol</span>

<span>♤ symbol</span>

<span>&#9828; symbol</span>

<span>&#x2664; symbol</span>

How to add White Spade Suit in CSS?

CSS escapes work inside the content property. This is most useful with ::before or ::after.

.symbol::after {
  content: "\2664";
}

<span class="symbol"></span>

How to add White Spade Suit in JavaScript / JSON?

Use Unicode escapes in strings for a stable, language-neutral representation.

const symbol = "\u2664";
console.log(symbol);

{
  "symbol": "\u2664"
}

How to add White Spade Suit in URL / Query string?

Use percent-encoding. In JavaScript, use encodeURIComponent.

https://example.com?q=%E2%99%A4

How to add White Spade Suit in Word / Google Docs / Excel?

In Word or Google Docs, go to Insert → Symbol (or Special Characters) and search the Unicode name.

In Word, you can type 2664 and press Alt+X to convert it.

=UNICHAR(9828)

Encoding notes

UTF-8 and UTF-16 byte sequences are listed above for developer tools, debugging, or data pipelines.