HTML Entity for Latin Cross (✝)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+271D

What Is the Latin Cross Entity?

Latin Cross (✝) is the Dingbats character at Unicode U+271D (LATIN CROSS). It is the standard Christian cross shape with a longer vertical arm, used in religious content, memorials, and heraldic design.

Remember
Character     ✝
Unicode       U+271D
Hex entity    ✝
Decimal       ✝
CSS escape    \271D
Named entity  (none)
Related       U+271E / U+271F / U+2626

All of these produce the same glyph: ✝ (when the font supports U+271D). Prefer numeric entities in HTML; use CSS \271D only in content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity✝HTML markup
Decimal entity✝HTML markup
CSS escape\271DStylesheet content
Direct character✝UTF-8 HTML text
Named entity—Not defined in HTML5

When to Use Which

SituationUse
Need an entity in HTML source✝ or ✝
Generated text via ::before / ::aftercontent: "\271D"
UTF-8 page, typing is easyType ✝ directly
Related cross variantsU+271E, U+271F, Orthodox
AccessibilityAdd nearby text or aria-label (e.g. “Latin cross”)

Live Preview

Latin Cross in common symbolic contexts.

Labeled ✝ Latin Cross
Large glyph ✝
Parish label ✝ St. Mary’s Parish
Variants ✝  |  ✞  |  ✟
With entities Hex: ✝ | Decimal: ✝

Complete HTML Example

One page that shows Latin Cross with hex, decimal, CSS, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ✝ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Latin Cross (✝) in HTML</title>
  <style>
    #point::after {
      content: "\271D";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x271D;</p>
  <p>Using HTML Code: &#10013;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ✝</p>
  <p><span aria-label="Latin cross">&#x271D;</span> St. Mary&rsquo;s Parish</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+271D → &#x271D; in HTML. The browser turns it into ✝.

2. Decimal: same code point as 10013 → &#10013;. Same result as hex.

3. CSS: use \271D in content (not an HTML entity). #point::after appends that ✝ after the paragraph text.

4. Typed: in UTF-8 you can type ✝ directly — same visual result when the font supports it.

Pitfalls & Tips

Common mistakes when working with Latin Cross.

Named?

No named entity

HTML5 does not define a named entity for U+271D. Use numeric forms.

Look-alikes

Not U+271E / U+271F / U+2626

Shadowed, outlined, and Orthodox crosses are different code points — pick the one you mean.

A11y

Label the symbol

Add “Latin cross” nearby or use aria-label so the glyph is not silent to assistive tech.

CSS vs HTML

Do not mix escapes

\271D belongs in CSS. &#x271D; / &#10013; belong in HTML.

Semicolon

End references

Always finish with ; — write &#10013;, not &#10013.

Default

Type ✝ when you can

On UTF-8 pages you may type ✝ directly; entities help when encoding must be explicit.

Browser Support

Latin Cross (U+271D) and its numeric entity forms (&#x271D;, &#10013;, CSS \\271D) are supported in all mainstream browsers when the font includes Dingbats.

✓ Universal support

Latin Cross (✝)

Encode with hex, decimal, or CSS escape — same character when the font supports U+271D.

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+271D / entities Full support

Bottom line: Prefer &#x271D; or &#10013; in HTML. Use \\271D only inside CSS content. Rendering quality depends on the font.

Key Takeaways

  • Unicode: Latin cross is U+271D (decimal 10013).
  • HTML: use &#x271D; or &#10013; — no named entity.
  • CSS: use \271D inside content for generated text.
  • A11y: pair ✝ with the words “Latin cross”.

One line: U+271D → &#x271D; / &#10013; / CSS \271D.

Frequently Asked Questions

Use &#x271D; (hex), &#10013; (decimal), or the CSS escape \271D in the content property. All render ✝ when the font supports Dingbats. There is no named HTML entity.
U+271D (LATIN CROSS). Hex 271D, decimal 10013. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+271D. Use numeric references like &#x271D; or &#10013; when you need an entity form.
Use it for religious content, church sites, memorials, heraldry, and symbolic design. Prefer numeric entities when encoding must be explicit; type ✝ directly in UTF-8 pages when convenient.
HTML entities (&#10013; or &#x271D;) go in markup. The CSS escape \271D is used in stylesheets (usually in the content property of ::before/::after). Both render ✝.
U+271D is LATIN CROSS. U+271E is shadowed white Latin cross; U+271F is outlined Latin cross; U+2626 is Orthodox cross. They are different characters.

Did you know?

Latin Cross is Unicode U+271D (decimal 10013) — LATIN CROSS in the Dingbats block. HTML5 has no named entity — use &#x271D; or &#10013;. Do not confuse it with shadowed white Latin cross (U+271E), outlined Latin cross (U+271F), or Orthodox cross (U+2626).

Next: Lb Bar Symbol

Learn the HTML entity for Lb Bar Symbol — next in this sequence.

Lb Bar Symbol 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