HTML Entity for White Four Pointed Star (✧)

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

What Is White Four Pointed Star?

White four pointed star (✧) is Unicode U+2727 (WHITE FOUR POINTED STAR) in the Dingbats block. It is an outline four-pointed star — useful for decorative accents, highlight markers, and outline ratings. HTML5 has no named entity for this character.

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

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

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character✧HTML text (UTF-8) — preferred
Hex entity✧HTML markup
Decimal entity✧HTML markup
CSS escape\2727Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Outline four-pointed star✧ or type ✧
Filled / black four-pointed✦ (U+2726)
Classic five-pointed white star☆ (U+2606) — different character
Icon via CSScontent: "\2727" on ::before
Looking for a named entityNone for U+2727 — use numeric form or type ✧

Live Preview

White four pointed star in common study contexts.

Large glyph ✧
Rating row ✧ ✧ ✧ ✧ ✦
Star pair ✦ ✧
Accessible label star 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.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>White Four Pointed Star (✧) in HTML</title>
  <style>
    #point::after {
      content: "\2727";
    }
  </style>
</head>
<body>
  <p>White four pointed star using Hex Code: &#x2727;</p>
  <p>White four pointed star using HTML Code: &#10023;</p>
  <p id="point">White four pointed star using CSS Entity: </p>
  <p>Typed directly: ✧</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2727 → &#x2727; in HTML. The browser turns it into ✧.

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

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

4. Typed ✧: fine in UTF-8 source. There is no named entity for this symbol.

Pitfalls & Tips

Common mistakes when working with white four pointed star (✧).

✦

Not black four pointed

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

☆

Not five-pointed white star

☆ (U+2606) is a different, five-pointed star — not U+2727.

Named?

No named entity

HTML5 does not define a named entity for U+2727. Use numeric forms when an entity is required.

a11y

Say “Star”

Screen readers may not announce the glyph clearly. Pair rating stars with visible or visually hidden text.

Fonts

Check Dingbats support

Some fonts omit four-pointed stars. Provide a fallback stack that includes a symbol-capable font.

Semicolon

End references

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

Browser Support

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

✓ Universal support

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

Bottom line: Prefer a typed ✧ or &#x2727; / &#10023; for markup. Use \\2727 only inside CSS content.

Key Takeaways

  • Unicode: white four pointed star is U+2727 (decimal 10023).
  • HTML: prefer typing ✧, or use &#x2727; / &#10023;.
  • CSS: use \2727 inside content for generated icons.
  • Watch out: no named entity; ✧ ≠ ✦; ✧ ≠ ☆.

One line: U+2727 → type ✧ / &#x2727; / &#10023; / CSS \2727.

Frequently Asked Questions

Use &#x2727; (hex), &#10023; (decimal), or the CSS escape \2727 in the content property. All render ✧. You can also paste ✧ directly if your file is UTF-8. There is no named HTML entity.
U+2727 (hex 2727, decimal 10023). Unicode names it WHITE FOUR POINTED STAR. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this symbol. Use &#x2727; or &#10023; in markup, or \2727 in CSS.
✧ (U+2727) is the outline four-pointed star. ✦ (U+2726) is black four pointed star. ☆ (U+2606) is the classic five-pointed white star. They are different code points.
HTML entities (&#10023; or &#x2727;) go in markup. The CSS escape \2727 is used in stylesheets (usually in the content property of ::before/::after). Both render ✧.
Use ✧ for decorative accents, outline ratings, and design highlights. Prefer ✦ for filled four-pointed stars and ☆ for classic five-pointed outline stars. Pair glyphs with text when ratings matter for accessibility.

Did you know?

White four pointed star is Unicode U+2727 (decimal 10023) in the Dingbats block — official name WHITE FOUR POINTED STAR. HTML5 has no named entity for it. It is an outline four-pointed star — not the same as ✦ (black four pointed star) or ☆ (white star).

Next: White Frowning Face

Learn the HTML entity for white frowning face (☹).

Continue 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