HTML Entity for Circled White Star (✪)

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

What Is the Circled White Star Entity?

Circled White Star (✪) is the Unicode character at U+272A in the Dingbats block (official name: CIRCLED WHITE STAR). It is a decorative white-style star inside a circle, often used for bullets, badges, and design accents.

Remember
Character     ✪
Unicode       U+272A
Hex entity    ✪
Decimal       ✪
CSS escape    \272A
Named entity  (none)

All of these produce the same glyph: ✪. Prefer a typed ✪ in UTF-8 pages when the font supports it; use numeric entities for generated markup or when encoding must be explicit.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character✪HTML text (UTF-8)
Hex entity✪HTML markup
Decimal entity✪HTML markup
CSS escape\272AStylesheet content
Named entity—Not defined in HTML5

When to use which

SituationUse
Need the ✪ glyphType ✪, or ✪ / ✪
Generated text via ::before / ::aftercontent: "\272A"
Common outline starUse ☆ (U+2606 / ☆)
Common filled starUse ★ (U+2605)
Eight-pointed circled starUse ❂ (U+2742)

Live Preview

Circled White Star rendered in common writing contexts.

Inline text ✪ Featured item
Large glyph ✪
Compared ✪   ☆   ★   ❂
Monospace mark ✪ → circled white star
With entities Hex: ✪ | Decimal: ✪

Complete HTML Example

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

Hex + Decimal + CSS + Typed

All four ways to produce ✪ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Circled White Star (✪) in HTML</title>
  <style>
    #point::after {
      content: "\272A";
    }
  </style>
</head>
<body>
  <p>Circled White Star using Hex Code: &#x272A;</p>
  <p>Circled White Star using HTML Code: &#10026;</p>
  <p id="point">Circled White Star using CSS Entity: </p>
  <p>Typed directly: ✪</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+272A → &#x272A; in HTML. The browser turns it into ✪.

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

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

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

Pitfalls & Tips

Common mistakes when working with Circled White Star entities.

Named?

No named entity

HTML5 does not define a named entity for U+272A. Use numeric forms.

CSS vs HTML

Do not mix escapes

\272A belongs in CSS. &#x272A; / &#10026; belong in HTML.

✪ vs ☆

Different characters

✪ is U+272A. White star ☆ is U+2606 (&star;).

&star;

Named &star; is not ✪

&star; maps to ☆, not this circled Dingbats glyph.

Semicolon

End references

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

Fonts

Dingbats coverage

Some fonts omit ✪. If missing, fall back to ★/☆ or an SVG star.

Browser Support

Circled White Star (U+272A) and its numeric entity forms (&#x272A;, &#10026;, CSS \\272A) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Circled White Star (✪)

Encode with hex, decimal, or CSS escape — or paste ✪ in UTF-8 HTML.

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

Bottom line: Use &#x272A; or &#10026; for this Dingbats glyph, and \\272A only inside CSS content. Prefer ★/☆ for common rating stars.

Key Takeaways

  • Unicode: circled white star is U+272A (decimal 10026).
  • HTML: use &#x272A; or &#10026; when you need an entity.
  • CSS: use \272A inside content for generated text.
  • Watch out: ✪ ≠ ☆ ≠ ★ (circled white star ≠ white/black stars).

One line: U+272A → &#x272A; / &#10026; / CSS \272A, or paste ✪.

Frequently Asked Questions

Use &#x272A; (hex), &#10026; (decimal), or the CSS escape \272A in the content property. All render ✪. You can also paste ✪ directly when your file is UTF-8.
U+272A (hex 272A, decimal 10026). Unicode names it CIRCLED WHITE STAR. It belongs to the Dingbats block.
No. HTML5 does not define a named entity for ✪. Use numeric references like &#x272A; or &#10026;.
✪ (U+272A) is a white-style star inside a circle. ☆ (U+2606) is white star and ★ (U+2605) is black star — common five-point stars without this circled Dingbats design.
HTML entities (&#10026; or &#x272A;) go in markup. The CSS escape \272A is used in stylesheets (usually in the content property of ::before/::after). Both render ✪.
Use it for decorative bullets, badges, or design accents when you need this exact glyph. Prefer ★/☆ for common rating UI, and always pair symbols with accessible text when they carry meaning.

Did you know?

Circled white star is Unicode U+272A (decimal 10026) — official name CIRCLED WHITE STAR in the Dingbats block. HTML5 has no named entity. It is a decorative star inside a circle and is not white star (U+2606 ☆) or black star (U+2605 ★).

Next: Circumflex Accent

Learn the HTML entity for circumflex accent (combining ̂).

Circumflex Accent 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