HTML Entity for Outlined White Star (⚝)
What You'll Learn
How to display the Outlined White Star (⚝) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+269D (OUTLINED WHITE STAR) in the Miscellaneous Symbols block (U+2600–U+26FF)—an outlined star useful for decorative highlights, section markers, badges, bullets, and symbolic typography.
Render it with ⚝, ⚝, or CSS escape \269D. There is no named HTML entity. Do not confuse ⚝ with U+2606 (☆, white star with named ☆), U+272D (✭, outlined black star in Dingbats), or U+2605 (★, solid black star).
⚡ Quick Reference — Outlined White Star
U+269DMiscellaneous Symbols
⚝Hexadecimal reference
⚝Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+269D
Hex code ⚝
HTML code ⚝
Named entity (none)
CSS code \269D
Meaning Outlined white star
Related U+2606 = white star (☆, ☆)
U+2605 = black star (★)
U+272D = outlined black star (✭)
U+272A = circled white star (✪)
Block Miscellaneous Symbols (U+2600–U+26FF)Complete HTML Example
A simple example showing ⚝ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\269D";
}
</style>
</head>
<body>
<p>Outlined white star (hex): ⚝</p>
<p>Outlined white star (decimal): ⚝</p>
<p id="point">Outlined white star (CSS): </p>
</body>
</html>🌐 Browser Support
The Outlined White Star (⚝) is widely supported in all modern browsers:
👀 Live Preview
See the Outlined White Star (⚝) in decorative and UI contexts:
🧠 How It Works
Hexadecimal Code
⚝ uses the Unicode hexadecimal value 269D to display the outlined white star.
Decimal HTML Code
⚝ uses the decimal Unicode value 9885 for the same character.
CSS Entity
\269D is used in CSS stylesheets in the content property of pseudo-elements for decorative bullets or icons.
Outlined star result
All three methods render ⚝. Unicode U+269D in Miscellaneous Symbols. Next: Overline (̅).
Use Cases
The Outlined White Star (⚝) is commonly used in:
Typography accents, banners, and symbolic section markers.
New items, editor picks, and promotional labels.
Distinct list markers where a lighter outlined star fits the theme.
Badges, tags, and decorative icons in web layouts.
Blog posts, portfolios, and creative writing with star motifs.
Character pickers, entity documentation, and symbol guides.
Pair ⚝ with visible text; do not rely on the symbol alone for meaning.
💡 Best Practices
Do
- Use
⚝or⚝for inline decorative stars - Use CSS
\269Din::beforefor custom list bullets or icons - Set
<meta charset="utf-8">for reliable rendering - Pick the correct star variant for your design—outlined vs solid vs circled
- Pick one numeric style per project for consistency
Don’t
- Confuse ⚝ with white star ☆, black star ★, or Dingbats ✭
- Use padded Unicode notation like U+0269D—the correct value is
U+269D - Use CSS escape
\269Din HTML text nodes - Use ⚝ as the sole indicator in accessible UI without text or ARIA
- Assume every font renders Miscellaneous Symbols identically—test your typeface
Key Takeaways
Two HTML numeric references plus CSS for U+269D
⚝ ⚝For CSS stylesheets, use \269D in the content property
Unicode U+269D — OUTLINED WHITE STAR in Miscellaneous Symbols
Distinct from white star ☆, black star ★, and Dingbats ✭
Previous: Outlined Latin Cross (✟) Next: Overline (̅)
❓ Frequently Asked Questions
⚝ (hex), ⚝ (decimal), or \269D in CSS content. There is no named entity. All three render ⚝.U+269D (OUTLINED WHITE STAR). Miscellaneous Symbols block (U+2600–U+26FF). Hex 269D, decimal 9885.☆.☆ (U+2606) instead.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful