What are the Unicode code points for card suit symbols?

Spade: U+2660 (filled) / U+2664 (outlined). Heart: U+2665 (filled) / U+2661 (outlined). Diamond: U+2666 (filled) / U+2662 (outlined). Club: U+2663 (filled) / U+2667 (outlined).

Why are the filled suits called "black" in Unicode names?

The Unicode standard named these symbols using printing terminology where "black" means solid/filled and "white" means outlined/hollow, not the color displayed on screen.

What is the HTML entity for the spade symbol?

The spade (♠) can be written as &spades; (named entity), ♠ (decimal), or ♠ (hex). Named entities for all four suits are &spades;, &hearts;, &diams;, and &clubs;.

Can I use card suit symbols in CSS?

Yes. Use the content property with the Unicode escape: content: "\2660" for spade, "\2665" for heart, "\2666" for diamond, "\2663" for club. Apply to a ::before or ::after pseudo-element.

Do card suit symbols work on all devices?

Yes. All four filled card suit characters (U+2660, U+2665, U+2666, U+2663) are part of the basic Unicode Miscellaneous Symbols block and are supported by every modern OS, browser, and font.

How do I type card suit symbols on Windows?

In many apps on Windows, type the hex code point then press Alt+X to convert it (e.g. type 2660 then Alt+X for ♠). Alternatively, open the Character Map (charmap.exe) and search for "spade".

Card Suit Symbols

Name: Card Suit Symbols
Availability: InStock
Author: Nham Vu

Look up Unicode code points, HTML entities, and CSS values for all four card suit symbols and copy any format with one click.

The four playing card suits — spade (♠), heart (♥), diamond (♦), and club (♣) — are part of the Unicode Miscellaneous Symbols block (U+2600–U+26FF). Each suit has a filled variant and an outlined (hollow) variant. Click any symbol or value below to copy it.

Quick Copy — All Four Symbols

Complete Reference Table

Symbol	Name	Unicode	HTML Decimal	HTML Hex	Named Entity	CSS Value

Copied!

Summary

Look up Unicode code points, HTML entities, and CSS values for all four card suit symbols and copy any format with one click.

How it works

Each of the four card suit symbols is displayed in a dedicated card showing its filled and outlined variants.
Below each symbol you will find its Unicode code point (e.g. U+2660), decimal HTML entity, hex HTML entity, and CSS content value.
Click the large symbol or any value row to copy that specific value to your clipboard.
Use the "Copy Symbol" button to copy just the raw character.
A confirmation toast appears after each successful copy.
Toggle between filled and outlined variants using the tab above each card.

Use cases

Insert card suit characters into HTML documents using the correct entity.
Reference Unicode code points when working with font glyph tables or icon sets.
Copy CSS content values for use in pseudo-element decorations.
Add suit symbols to card game UIs, casino-themed designs, or poker apps.
Decorate social media profiles, bios, and posts with suit characters.
Use suit symbols as bullet points or section dividers in documents.
Insert the correct Unicode character in Python, JavaScript, or other code.

Frequently Asked Questions

Related tools

Heart Symbols Chess Symbols Star Symbols

Last updated: 2026-05-29 · Reviewed by Nham Vu