HTML Entity for Black Four Pointed Star (✦)
What You'll Learn
How to display Black Four Pointed Star (✦) in HTML and CSS. This character is U+2726 in the Dingbats block (U+2700–U+27BF), approved in Unicode 1.1 (1993). It is a four-pointed diamond-shaped star—a classic typographic ornament for ratings, bullets, section dividers, and decorative accents.
There is no named HTML entity for U+2726. Use ✦ or ✦ in markup, or \2726 in stylesheet content. The symbol suits web design, icons, ratings, and typographic embellishment. Pair star glyphs with visible text or aria-label when they convey meaning.
⚡ Quick Reference — Black Four Pointed Star
U+2726Dingbats (U+2700–U+27BF)
✦Hexadecimal reference
✦Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2726
Hex code ✦
HTML code ✦
Named entity —
CSS code \2726Complete HTML Example
This example shows U+2726 using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2726";
}
</style>
</head>
<body>
<p>Black Four Pointed Star using Hexa Decimal: ✦</p>
<p>Black Four Pointed Star using HTML Code: ✦</p>
<p id="point">Black Four Pointed Star using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2726 is widely supported in modern browsers; dingbat artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside related star Dingbats (font-dependent):
🧠 How It Works
Hexadecimal Code
✦ references code point U+2726 using hex digits 2726 after the #x prefix.
Decimal HTML Code
✦ is the decimal equivalent (10022) for the same Black Four Pointed Star character.
CSS Entity
\2726 is the CSS escape for U+2726, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ✦. There is no named HTML entity for U+2726.
Use Cases
The Black Four Pointed Star (✦) is commonly used for:
Star ratings, reviews, and quality indicators in e-commerce and content sites.
Alternative list markers and emphasis indicators in content.
Dividers between sections, pull quotes, and typographic ornamentation.
Web design accents, icons, headers, borders, and ornamental elements.
Classic typographic ornamentation and printer’s ornaments.
Decorative accents in posts, captions, and messages.
Pair ✦ with text or ARIA when used for ratings or decorative markers.
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+2726
- Pair ✦ with star themes; related symbols include ✧ (white four pointed star)
- Scale with
font-sizeso the star fits your layout - Choose fonts that support the Dingbats block (U+2700–U+27BF)
- Use
\2726only inside CSScontent, not inside HTML text nodes - Add
aria-hidden="true"when purely decorative, or text for meaningful markers
Don’t
- Confuse U+2726 with U+2727 (white four pointed star) or other star glyphs (★ ☆)
- Rely on ✦ alone to communicate meaning in critical UI
- Assume every font renders Dingbats crisply at small sizes
- Use ornamental glyphs as the only navigation or state cue
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
✦ ✦CSS content escape
\2726U+2726 is a four-pointed star; pairs with White Four Pointed Star U+2727
Dingbats block U+2700–U+27BF; no named HTML entity
Pair ornamental glyphs with text or ARIA when meaning must be clear
❓ Frequently Asked Questions
✦ (hex), ✦ (decimal), or \2726 in CSS content. There is no named entity; all valid methods render ✦.U+2726 (hex 2726, decimal 10022). Dingbats (U+2700–U+27BF). Unicode name BLACK FOUR POINTED STAR.\2726 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.✦, ✦, or \2726 in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful