Diamond Symbol (♦)
HTML entity for the diamond symbol (♦). Learn how to use ♦ or ♦ in HTML for card suits, bullet points, and decorative elements.
Misc
♦
Diamond Symbol
All Formats
| Format | Value |
|---|---|
| Character | ♦ |
| HTML Entity | ♦ |
| HTML Code (Decimal) | ♦ |
| Unicode | U+2666 |
| CSS Content | \2666 |
| Category | Misc |
About Diamond Symbol
The diamond symbol (♦) is one of the four playing card suit symbols, along with hearts (♥), clubs (♣), and spades (♠). In web design, it is used as a decorative bullet point, list marker, separator, and in card game interfaces.
In HTML, insert the diamond 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.
The diamond symbol is part of the Miscellaneous Symbols Unicode block. It renders as a solid filled diamond shape (a square rotated 45 degrees). For a white/outline diamond, use ♢ (♢). The mathematical diamond operator (⋄) is a smaller version used in mathematical notation.
In CSS, use "\2666" with the content property for pseudo-element insertion. The diamond is commonly used as an alternative list bullet or navigation separator: li::before { content: "\2666"; margin-right: 0.5em; }. Screen readers may announce it as "diamond" or "diamond suit."
Usage Examples
<!-- Using named entity -->
<p>This is the Diamond Symbol: ♦</p>
<!-- Using numeric code -->
<p>This is the Diamond Symbol: ♦</p>
<!-- Using the character directly (UTF-8) -->
<p>This is the Diamond Symbol: ♦</p>
<!-- In CSS -->
.icon::before {
content: "\2666";
}FAQ
What is the HTML entity for Diamond Symbol?
The Diamond 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 "\2666". For example: content: "\2666";
What is the Unicode code point for Diamond Symbol?
The Unicode code point for Diamond Symbol is U+2666. 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.