HTML Entity for Black Four Pointed Star (✦)

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

What Is Black Four Pointed Star?

Black four pointed star (✦) is Unicode U+2726 in the Dingbats block. It is a filled four-pointed star — useful for decorative bullets, icons, and emphasis markers. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ✦
Unicode       U+2726
Hex entity    ✦
Decimal       ✦
Named entity  (none)
CSS escape    \2726
Not the same  ✧ U+2727 (white four pointed star)

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\2726Stylesheet content

When to Use Which

SituationUse
Filled four-pointed star✦ or type ✦
Outline / white four-pointed star✧ (U+2727)
Need an entity in HTML source✦ or ✦
Icon via CSScontent: "\2726" on ::before

Live Preview

Black four pointed star in study contexts.

Inline marker Feature ✦ Highlight
Large glyph ✦
vs. white form ✦ black  ·  ✧ white
Accessible label star
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 Four Pointed Star (✦) in HTML</title>
  <style>
    #point::after {
      content: "\2726";
    }
  </style>
</head>
<body>
  <p>Black four pointed star using Hex Code: &#x2726;</p>
  <p>Black four pointed star using HTML Code: &#10022;</p>
  <p id="point">Black four pointed star using CSS Entity: </p>
  <p>Typed directly: ✦</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2726 → &#x2726; in HTML. The browser turns it into ✦.

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

3. CSS: use \2726 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 four pointed star (✦).

Named

No &name; form

U+2726 has no standard named entity — use &#x2726; or &#10022;.

✧

Not white four pointed star

✦ is filled. For the outline form use ✧ (U+2727).

a11y

Say “star” when needed

Screen readers may skip decorative stars. Hide pure decoration with aria-hidden, or add a short label.

Fonts

Check Dingbats coverage

Some UI fonts omit U+2726. Prefer fonts with solid Dingbats / star support.

CSS vs HTML

Do not mix escapes

\2726 belongs in CSS. &#x2726; / &#10022; belong in HTML.

Semicolon

End references

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

Browser Support

Black four pointed star (U+2726) and its entity forms (&#x2726;, &#10022;, CSS \\2726) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Black Four Pointed Star (✦)

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+2726 / entities Full support

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

Key Takeaways

  • Unicode: black four pointed star is U+2726 (decimal 10022).
  • HTML: use &#x2726; or &#10022; (no named entity).
  • CSS: use \2726 inside content for generated icons.
  • Watch out: ✦ ≠ ✧ (black ≠ white four pointed star).

One line: U+2726 → &#x2726; / &#10022; / CSS \2726.

Frequently Asked Questions

Use &#x2726; (hex), &#10022; (decimal), or the CSS escape \2726 in the content property. All render ✦. You can also paste ✦ directly if your file is UTF-8. There is no standard named entity.
U+2726 (hex 2726, decimal 10022). Unicode names it BLACK FOUR POINTED STAR. It belongs to the Dingbats block.
No. HTML5 / WHATWG does not define a named character reference for U+2726. Prefer &#x2726;, &#10022;, or a typed ✦ in UTF-8.
✦ (U+2726) is the filled black four pointed star. ✧ (U+2727) is white four pointed star (outline). They are different code points.
HTML entities (&#10022; or &#x2726;) go in markup. The CSS escape \2726 is used in stylesheets (usually in the content property of ::before/::after). Both render ✦.
Use ✦ for decorative bullets, ratings-style markers, icons, and emphasis ornaments. Prefer plain text or ARIA labels when the mark must convey meaning to screen readers.

Did you know?

Black four pointed star is Unicode U+2726 (decimal 10022) in the Dingbats block — official name BLACK FOUR POINTED STAR. There is no standard named HTML entity. It is not white four pointed star (U+2727 ✧).

Next: Black Heart Suit

Learn the HTML entity for the black heart 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