HTML Entity for Heavy Open Centre Cross (✜)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+271C

What Is Heavy Open Centre Cross?

Heavy open centre cross (✜) is the Unicode character at U+271C in Dingbats. Official name: HEAVY OPEN CENTRE CROSS. It is a bold equal-armed cross with an open centre, used for markers, bullets, and decorative design.

Remember
Character     ✜
Unicode       U+271C
Hex entity    ✜
Decimal       ✜
CSS escape    \271C
Named entity  (none)
Meaning       heavy equal-armed cross with open centre
Not the same  ✚ · ✛ · ✠ (✠)

Prefer ✜ or ✜ in HTML (no named form). You can also type ✜ in a UTF-8 document. For a solid heavy greek cross, use U+271A; for the lighter open-centre form, use U+271B.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity✜HTML markup (preferred)
Decimal entity✜HTML markup
Direct character✜HTML text (UTF-8)
CSS escape\271CStylesheet content

When to Use Which

SituationUse
Bold open-centre cross marker / bullet✜ plus visible text or aria-label
Solid heavy equal-armed greek crossHeavy greek cross — ✚
Lighter open-centre crossOpen centre cross — ✛
Maltese crossMaltese cross — ✠ (✠)
Generated text via ::before / ::aftercontent: "\271C"

Live Preview

Symbol alone, in a sample label, and next to related forms.

Glyph ✜
Large glyph ✜
Sample ✜ Feature list
Compared ✜   ✚   ✛   ✠
With entities Hex: ✜ | Decimal: ✜

Complete HTML Example

One page that shows heavy open centre cross with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ✜ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Heavy Open Centre Cross (U+271C) in HTML</title>
  <style>
    #point::after {
      content: "\271C";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x271C;</p>
  <p>Built with Decimal: &#10012;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ✜</p>
  <p><span aria-label="Feature">&#x271C; Feature list</span></p>
  <p>Related: ✚ ✛ ✠</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x271C; inserts code point U+271C → ✜.

2. Decimal: same code point as 10012 → &#10012;. Same visual as hex.

3. CSS: use \271C in content (not an HTML entity). #point::after appends ✜.

4. Typed: paste ✜ in a UTF-8 document when you need this dingbat. Prefer aria-label or nearby prose such as “Feature” so meaning is clear to everyone.

Pitfalls & Tips

Common mistakes when working with heavy open centre cross.

Name

No named entity

There is no HTML5 named entity for U+271C. Use &#x271C; or &#10012;. Do not invent &heavycross;.

✚

Not heavy greek cross

Heavy greek cross is ✚ (U+271A) — solid arms. Heavy open centre cross is ✜ (U+271C).

✛

Not open centre cross

Open centre cross is ✛ (U+271B) — lighter weight. This page is the heavy form ✜.

✠

Not Maltese cross

&malt; is ✠ (U+2720). Heavy open centre cross is ✜. Related crosses — different shapes.

Font

Font coverage

Some fonts omit Dingbats. If ✜ is missing, fall back to a related cross or a font with U+271C coverage.

CSS vs HTML

Do not mix escapes

\271C belongs in CSS strings. &#x271C; / &#10012; belong in HTML.

a11y

Add accessible text

Screen readers may not announce ✜ clearly. Prefer aria-label="Feature" or nearby prose for meaning.

Semicolon

End references

Always finish entities with ; — write &#x271C;, not &#x271C.

Browser Support

Heavy open centre cross (U+271C) and its entity forms (&#x271C;, &#10012;, CSS \\271C) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Heavy Open Centre Cross (&#x271C;)

Encode with 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+271C Full support

Bottom line: Prefer &#x271C; in HTML (no named form). Use &#10012; when decimal form is required, and \\271C only inside CSS content.

Key Takeaways

  • Unicode: heavy open centre cross is U+271C (decimal 10012) — glyph ✜.
  • HTML: no named entity — use &#x271C; / &#10012; / type ✜.
  • CSS: use \271C inside content for generated text.
  • Meaning: ✜ ≠ ✚ / ✛ — use for bold open-centre dingbat crosses.

One line: U+271C → &#x271C; / &#10012; / CSS \271C (no named form).

Frequently Asked Questions

Use &#x271C; (hex), &#10012; (decimal), type ✜ directly in UTF-8, or the CSS escape \271C in content. There is no named HTML entity for U+271C.
U+271C (HEAVY OPEN CENTRE CROSS). Hex 271C, decimal 10012. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this cross. Prefer &#x271C; or &#10012;.
Use it for bold open-centre cross markers, bullets, or decorative equal-armed crosses. For a solid equal-armed greek cross, use heavy greek cross (U+271A). For the lighter open-centre form, see open centre cross (U+271B). For Maltese cross, use &malt;.
HTML numeric entities (&#10012; or &#x271C;) go in markup. The CSS escape \271C goes in stylesheet strings (usually content on ::before/::after).
No. Heavy open centre cross is U+271C (✜). Heavy greek cross is U+271A (✚). Open centre cross is U+271B (✛). Related shapes — different code points.

Did you know?

Heavy open centre cross is Unicode U+271C (decimal 10012) — glyph ✜ in Dingbats. There is no HTML5 named entity; use &#x271C; or &#10012;. Prefer nearby text or aria-label (for example “Feature”). Do not confuse it with heavy greek cross ✚ (U+271A), open centre cross ✛ (U+271B), or Maltese cross &malt; (✠).

Next: Heavy Outlined Black Star

Learn the HTML entity for heavy outlined black star (U+272E).

Heavy outlined black star 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