HTML Entity for Black Diamond Minus White X (❖)
What You'll Learn
How to display Black Diamond Minus White X (❖) in HTML and CSS. This character is U+2756 in the Dingbats block (U+2700–U+27BF), a decorative ornamental glyph used in typesetting. It shows a black diamond with a white X cutout, commonly used for box frames, section dividers, and ornamental accents.
There is no named HTML entity for U+2756. Use ❖ or ❖ in markup, or \2756 in stylesheet content. The symbol suits graphic design, typography, decorative bullets, and section markers. Pair ornamental glyphs with visible text or aria-label when the symbol conveys meaning.
⚡ Quick Reference — Black Diamond Minus White X
U+2756Dingbats (U+2700–U+27BF)
❖Hexadecimal reference
❖Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2756
Hex code ❖
HTML code ❖
Named entity —
CSS code \2756Complete HTML Example
This example shows U+2756 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2756";
}
</style>
</head>
<body>
<p>Black Diamond Minus White X using Hexa Decimal: ❖</p>
<p>Black Diamond Minus White X using HTML Code: ❖</p>
<p id="point">Black Diamond Minus White X using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2756 is widely supported in modern browsers; dingbat artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside related Dingbats (font-dependent):
🧠 How It Works
Hexadecimal Code
❖ references code point U+2756 using hex digits 2756 after the #x prefix.
Decimal HTML Code
❖ is the decimal equivalent (10070) for the same Black Diamond Minus White X character.
CSS Entity
\2756 is the CSS escape for U+2756, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ❖. There is no named HTML entity for U+2756.
Use Cases
The Black Diamond Minus White X (❖) is commonly used for:
Decorative elements, logos, and ornamental accents in layouts.
Section dividers, pull quotes, and decorative typography in print and web.
Borders, corners, and frame elements for callout boxes and highlights.
Alternative list markers and emphasis indicators in content.
Section markers, icons, and decorative accents in web design.
Headers, footers, and ornamental elements in documents and PDFs.
Pair ❖ with text or ARIA (e.g. “Section divider”) when it conveys meaning.
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+2756
- Pair ❖ with clear text when it marks a divider or section
- Scale with
font-sizeso the dingbat fits your layout - Choose fonts that support the Dingbats block (U+2700–U+27BF)
- Use
\2756only inside CSScontent, not inside HTML text nodes - Add
aria-labelortitle(e.g. “Section divider”) for screen readers
Don’t
- Confuse U+2756 with card-suit diamonds (e.g. U+2666) or other diamond glyphs
- Rely on ❖ alone to communicate meaning in critical UI
- Assume every font renders Dingbats crisply at small sizes
- Use decorative glyphs as the only cue for navigation or state
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
❖ ❖CSS content escape
\2756U+2756 is a Dingbat—black diamond with white X cutout
Dingbats block spans U+2700–U+27BF; no named HTML entity
Pair glyphs with text or ARIA when the symbol conveys meaning
❓ Frequently Asked Questions
❖ (hex), ❖ (decimal), or \2756 in CSS content. There is no named entity; all valid methods render ❖.U+2756 (hex 2756, decimal 10070). Dingbats block (U+2700–U+27BF). Unicode name BLACK DIAMOND MINUS WHITE X.\2756 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.❖, ❖, or \2756 in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful