HTML Entity for Black Diamond Minus White X (❖)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2756

What Is Black Diamond Minus White X?

Black diamond minus white X (❖) is Unicode U+2756 in the Dingbats block. It is a filled diamond with a white X cutout — often used as a decorative marker or divider. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ❖
Unicode       U+2756
Hex entity    ❖
Decimal       ❖
Named entity  (none)
CSS escape    \2756
Not the same  ♦ U+2666 (black diamond suit)

All of these produce the same glyph: ❖. Prefer typing ❖ in UTF-8 when you can; use ❖ / ❖ or CSS for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character❖HTML text (UTF-8)
Named entityNone—
Hex entity❖HTML markup
Decimal entity❖HTML markup
CSS escape\2756Stylesheet content

When to Use Which

SituationUse
Dingbat diamond with white X❖ or type ❖
Playing-card diamond suit♦ (U+2666) / ♦
Need an entity in HTML source❖ or ❖
Icon via CSScontent: "\2756" on ::before

Live Preview

Black diamond minus white X in study contexts.

Inline divider Section ❖ Notes
Large glyph ❖
vs. diamond suit ❖ dingbat  ·  ♦ suit
Accessible label black diamond minus white x
With entities Hex: ❖ | Decimal: ❖

Complete HTML Example

One page that shows ❖ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ❖ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Black Diamond Minus White X (❖) in HTML</title>
  <style>
    #point::after {
      content: "\2756";
    }
  </style>
</head>
<body>
  <p>Black diamond minus white X using Hex Code: &#x2756;</p>
  <p>Black diamond minus white X using HTML Code: &#10070;</p>
  <p id="point">Black diamond minus white X using CSS Entity: </p>
  <p>Typed directly: ❖</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2756 → &#x2756; in HTML. The browser turns it into ❖.

2. Decimal: same code point as 10070 → &#10070;. Same result as hex.

3. CSS: use \2756 in content (not an HTML entity). #point::after appends that ❖ after the paragraph text.

4. Typed ❖: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with black diamond minus white X (❖).

Named

No &name; form

U+2756 has no standard named entity — use &#x2756; or &#10070;.

♦

Not the diamond suit

For the playing-card diamond use ♦ (U+2666) / &diams;.

a11y

Describe decorative marks

Screen readers may skip dingbats. Hide pure decoration with aria-hidden, or add a short label when it carries meaning.

Fonts

Check Dingbats coverage

Some UI fonts omit U+2756. Prefer fonts with solid Dingbats / symbol support.

CSS vs HTML

Do not mix escapes

\2756 belongs in CSS. &#x2756; / &#10070; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x2756;, not &#x2756.

Browser Support

Black diamond minus white X (U+2756) and its entity forms (&#x2756;, &#10070;, CSS \\2756) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Black Diamond Minus White X (❖)

Type ❖, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+2756 / entities Full support

Bottom line: Prefer a typed ❖ or &#x2756; for markers. Use decimal when generating markup, and \\2756 only inside CSS content.

Key Takeaways

  • Unicode: black diamond minus white X is U+2756 (decimal 10070).
  • HTML: use &#x2756; or &#10070; (no named entity).
  • CSS: use \2756 inside content for generated icons.
  • Watch out: ❖ ≠ ♦ (dingbat ≠ diamond suit).

One line: U+2756 → &#x2756; / &#10070; / CSS \2756.

Frequently Asked Questions

Use &#x2756; (hex), &#10070; (decimal), or the CSS escape \2756 in the content property. All render ❖. You can also paste ❖ directly if your file is UTF-8. There is no standard named entity.
U+2756 (hex 2756, decimal 10070). Unicode names it BLACK DIAMOND MINUS WHITE X. It belongs to the Dingbats block.
No. HTML5 / WHATWG does not define a named character reference for U+2756. Prefer &#x2756;, &#10070;, or a typed ❖ in UTF-8.
❖ (U+2756) is a decorative dingbat diamond with a white X cutout. ♦ (U+2666, &diams;) is the black diamond playing-card suit. They are different code points.
HTML entities (&#10070; or &#x2756;) go in markup. The CSS escape \2756 is used in stylesheets (usually in the content property of ::before/::after). Both render ❖.
Use ❖ for decorative dividers, bullet markers, box ornaments, and graphic labels that need this dingbat. Prefer plainer bullets when meaning must be clear to screen readers.

Did you know?

Black diamond minus white X is Unicode U+2756 (decimal 10070) in the Dingbats block — official name BLACK DIAMOND MINUS WHITE X. There is no standard named HTML entity. It is not black diamond suit (U+2666 ♦ / &diams;).

Next: Black Diamond Suit

Learn the HTML entity for the black diamond suit (♦).

Next tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful