HTML Entity for Heavy Open Centre Cross (✜)
What You'll Learn
How to display the Heavy Open Centre Cross (✜) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+271C (HEAVY OPEN CENTRE CROSS) in the Dingbats block (U+2700–U+27BF). It is a heavy cross with an open centre—ideal for decorative elements, custom bullet points, design accents, and symbolic or typographic use where a distinct cross motif is needed beyond solid crosses like U+271A (✚).
Render it with ✜, ✜, or CSS escape \271C. There is no named HTML entity. Do not confuse ✜ with U+271D (✝, Latin cross) or U+2716 (✖, heavy multiplication X); each Dingbats cross has a different shape and meaning.
⚡ Quick Reference — Open Centre Cross
U+271CDingbats block
✜Hexadecimal reference
✜Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+271C
Hex code ✜
HTML code ✜
Named entity (none)
CSS code \271C
Meaning Heavy open centre cross
Related U+271A = Greek cross (✚)
U+271D = Latin cross (✝)
U+2716 = multiplication X (✖)Complete HTML Example
This example demonstrates the Heavy Open Centre Cross (✜) using hexadecimal code, decimal HTML code, and CSS content for custom list bullets and a decorative divider:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\271C";
}
</style>
</head>
<body>
<p>Open Centre Cross using Hexadecimal: ✜</p>
<p>Open Centre Cross using HTML Code: ✜</p>
<p id="point">Open Centre Cross using CSS Entity</p>
</body>
</html>🌐 Browser Support
The Heavy Open Centre Cross (✜) is widely supported in modern browsers when the font includes Dingbats cross glyphs:
👀 Live Preview
Heavy Open Centre Cross (✜) in context, compared with other cross symbols:
🧠 How It Works
Hexadecimal Code
✜ uses the Unicode hexadecimal value 271C to display the open centre cross. The x prefix indicates hexadecimal format.
Decimal HTML Code
✜ uses the decimal Unicode value 10012 to display the same character.
CSS Entity
\271C is used in CSS stylesheets, particularly in content on ::before for list bullets, dividers, and badges.
Same visual result
All three methods produce ✜. Unicode U+271C is in the Dingbats block. Next: Outlined Black Star (✮).
Use Cases
The Heavy Open Centre Cross (✜) is commonly used in:
Design accents, borders, and ornamental details in headers, footers, and cards.
Custom list markers and bullet styles with a cross-shaped bullet.
Section dividers, subheadings, and typographic flourishes.
Ceremonial or symbolic content where an open-centre cross fits the design.
content: "\271C" on ::before without extra markup.
Badges, awards, or icons using a cross motif with open centre.
💡 Best Practices
Do
- Use
<ul>/<li>when ✜ acts as a list bullet - Apply
content: "\271C "viali::before - Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Mark purely decorative crosses with
aria-hidden="true"when appropriate - Pair meaningful uses with visible text or
aria-label
Don’t
- Replace semantic list markup with glyph-only paragraphs
- Confuse U+271C (✜) with U+271A (✚) or U+271D (✝)
- Expect a named HTML entity for U+271C
- Use CSS
\271Cin HTML text nodes - Use ✜ alone when the cross conveys required meaning without labels
Key Takeaways
Two HTML numeric references plus CSS insert U+271C
✜ ✜For CSS, use \271C in the content property
Unicode U+271C — heavy open centre cross (✜)
Distinct from Greek U+271A (✚) and Latin U+271D (✝)
Next: Outlined Black Star (✮)
❓ Frequently Asked Questions
✜ (hex), ✜ (decimal), or \271C in CSS content. There is no named entity. All three methods render the symbol (✜) correctly.U+271C (HEAVY OPEN CENTRE CROSS). Dingbats block. Hex 271C, decimal 10012. The symbol (✜) is a heavy cross with an open centre, often used for decorative and design purposes.✜ or ✜) go in markup. The CSS escape \271C is used in stylesheets, typically on ::before or ::after. Both produce ✜.✜) or decimal (✜) codes, which is standard for Dingbats cross symbols.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful