HTML Entity for Star Outlined (☆)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2606

HTML Entity for star outlined (U+2606) tutorial illustration

Definition

What Is Star Outlined?

Star outlined (☆) is the Unicode character at U+2606 in Miscellaneous Symbols. Official name: WHITE STAR. It is the empty / outline five-point star used for ratings, favorites, and decorative UI.

Remember

Character     ☆
Unicode       U+2606
Named entity  &star;
Hex entity    &#x2606;
Decimal       &#9734;
CSS escape    \2606
Not the same  ★ · ✩ · *

Prefer &star; in HTML markup. You can also type ☆ in UTF-8, or use numeric forms when needed.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	`&star;`	HTML markup (preferred)
Direct character	`☆`	HTML text (UTF-8)
Hex entity	`☆`	HTML markup
Decimal entity	`☆`	HTML markup
CSS escape	`\2606`	Stylesheet `content`
Filled star (related)	`&starf;` (★, U+2605)	Black / filled rating star

When to Use Which

Situation	Use
Empty / outline rating star	`&star;` or type `☆`
Filled / black rating star	★ / `&starf;`
Stress outlined Dingbats star	✩
Math star operator	⋆
ASCII asterisk only	Type `*` (not a star glyph)
Generated text via `::before` / `::after`	`content: "\2606"`

See it

Live Preview

Star outlined rendered in a rating row and next to related marks.

Example ★★★★☆

Large glyph ☆

Compared ☆ ★ ✩ *

With entities Named: ☆ | Hex: ☆ | Decimal: ☆

Code

Complete HTML Example

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

Named + Hex + Decimal + CSS + Typed

Five ways to produce ☆, plus a 4-of-5 rating row.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Star Outlined (☆) in HTML</title>
  <style>
    #point::after {
      content: "\2606";
    }
  </style>
</head>
<body>
  <p>Using Named Entity: &star;</p>
  <p>Using Hex Code: &#x2606;</p>
  <p>Using HTML Code: &#9734;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ☆</p>
  <p>Rating: &starf;&starf;&starf;&starf;&star;</p>
</body>
</html>

Try It Yourself

How It Works

1. Named: &star; is the HTML5 name for U+2606 → ☆. Best default in markup.

2. Hex: U+2606 → ☆ in HTML. Same glyph as the named form.

3. Decimal: same code point as 9734 → ☆. Same result as hex and named.

4. CSS: use \2606 in content (not an HTML entity). #point::after appends that ☆ after the paragraph text.

5. Typed / rating: paste ☆ in UTF-8, or mix &starf; (filled) with &star; (empty) for a partial rating.

Pitfalls & Tips

Common mistakes when working with Star Outlined.

Name

&star; vs &starf;

&star; is outline (☆). &starf; is filled (★). Easy to swap — match the fill to your UI state.

Not an ASCII asterisk

Typing * is U+002A. Prefer &star; for a real outline star glyph.

✩

Not the Dingbats stress star

U+2729 is a different decorative outline. Use U+2606 for the standard white star.

A11y

Say the rating in text

If stars show a score, include clear text such as “4 out of 5” nearby — do not rely on glyphs alone.

CSS vs HTML

Do not mix escapes

\2606 belongs in CSS strings. &star; / ☆ / ☆ belong in HTML.

Semicolon

End named entities

Always finish with ; — write &star;, not &star.

Compatibility

Browser Support

Star outlined (U+2606) and its entity forms (&star;, ☆, ☆, CSS \\2606) are supported in all mainstream browsers.

✓ Universal support

Star Outlined (☆)

Encode with named, hex, decimal, CSS escape, or type the character — same code point 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+2606 / entities Full support

Bottom line: Prefer &star; in HTML. Use ☆ / ☆ when numeric form is required, and \\2606 only inside CSS content.

Remember

Key Takeaways

Unicode: star outlined is U+2606 (decimal 9734) — glyph ☆.
HTML: prefer &star; — also ☆ / ☆ / type ☆.
CSS: use \2606 inside content for generated text.
Meaning: ☆ = outline / empty star — not &starf;, not *.

One line: U+2606 → &star; / ☆ / ☆ / CSS \2606.

Frequently Asked Questions

How do I display ☆ in HTML?

Prefer &star; (named). You can also use ☆ (hex), ☆ (decimal), type ☆ in UTF-8, or the CSS escape \2606 in content.

What is the Unicode value for this mark?

U+2606 (WHITE STAR). Hex 2606, decimal 9734. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for U+2606?

Yes. Use &star;. Numeric forms ☆ and ☆ also work. Prefer the named form for readable markup.

When should I use U+2606?

Use it for empty / outline stars in ratings, favorites, and decorative UI. Prefer &starf; (U+2605) for filled stars, and U+2729 for the Dingbats stress-outlined white star.

What is the difference between HTML code and CSS entity for U+2606?

HTML entities (&star;, ☆, or ☆) go in markup. The CSS escape \2606 goes in stylesheet strings (usually content on ::before/::after).

Is &star; the same as &starf;?

No. &star; is ☆ (U+2606, white / outlined). &starf; is ★ (U+2605, black / filled). Names are easy to mix up — pick by fill style.

Did you know?

Star outlined is Unicode U+2606 (decimal 9734) — glyph ☆ in Miscellaneous Symbols. Official name: WHITE STAR. HTML5 names it &star;. Prefer &star; for empty / outline rating stars. The filled black star is &starf; (U+2605).

Next: Stress Outlined White Star

Learn the HTML entity for stress outlined white star (✩).

Continue tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Star Operator HTML Entity | Stress Outlined White Star