HTML Entity for Shadowed White Latin Cross (✞)

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

What Is the Shadowed White Latin Cross Entity?

Shadowed White Latin Cross (✞) is the Dingbats character at Unicode U+271E (SHADOWED WHITE LATIN CROSS). It is a decorative Latin cross with a shadow — often used in religious and memorial design.

Remember
Character     ✞
Unicode       U+271E
Hex entity    ✞
Decimal       ✞
Named entity  (none)
CSS escape    \271E
Not the same  ✝ (Latin cross) · ☦ (Orthodox cross)

Hex, decimal, CSS, and a typed character all produce the same glyph: ✞. Prefer ✞ when you want an explicit entity. For the plain form, see Latin Cross (U+271D).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity✞HTML markup (best entity default)
Decimal entity✞HTML markup
Named entityNoneHTML5 does not define one
CSS escape\271EStylesheet content
Direct character✞UTF-8 HTML text

When to Use Which

SituationUse
Shadowed Latin cross✞ or ✞
Plain Latin crossUse U+271D (✝)
Orthodox crossUse U+2626 (☦)
Generated text via ::before / ::aftercontent: "\271E"
Memorial / religious label✞ plus nearby text (e.g. “In loving memory”)

Live Preview

Shadowed White Latin Cross in memorial contexts, compared with related crosses.

Memorial snippet ✞ In loving memory
Large glyph ✞
Hex entity ✞ → ✞
vs Latin / Orthodox ✞  |  ✝  |  ☦
With entities Hex: ✞ | Decimal: ✞

Complete HTML Example

One page that shows this symbol with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce ✞ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Shadowed White Latin Cross (✞)</title>
  <style>
    #point::after {
      content: "\271E";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x271E;</p>
  <p>Using HTML Code: &#10014;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Memorial: &#x271E; In loving memory</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+271E → &#x271E; in HTML. The browser turns it into ✞.

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

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \271E in content (not an HTML entity). #point::after appends that ✞ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Shadowed White Latin Cross.

Look-alikes

✞ ≠ ✝ ≠ ☦

U+271E is shadowed. U+271D is plain Latin. U+2626 is Orthodox — pick the cross that matches your meaning.

Named

No &…; name

Do not invent a name. Use &#x271E; or &#10014;.

A11y

Pair glyph with text

If ✞ conveys meaning (e.g. memorial), keep nearby text or an aria-label so the intent is clear.

Fonts

Glyph coverage

Dingbats coverage varies. Test memorial fonts and provide a fallback if ✞ is missing.

CSS vs HTML

Do not mix escapes

\271E belongs in CSS. &#x271E; / &#10014; belong in HTML.

Semicolon

End references

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

Browser Support

Shadowed White Latin Cross (U+271E) and its entity forms (&#x271E;, &#10014;, CSS \\271E) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Shadowed White Latin Cross (&#x271E;)

Encode with hex, decimal, or CSS escape — or type ✞ directly in UTF-8 HTML. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+271E Full support

Bottom line: Prefer &#x271E; for readable HTML. Use \\271E only inside CSS content. Do not confuse with plain Latin or Orthodox crosses.

Key Takeaways

  • Unicode: this symbol is U+271E (decimal 10014) — shadowed Latin cross.
  • HTML: prefer &#x271E; — or use &#10014;. No named entity.
  • CSS: use \271E inside content for generated text.
  • Watch out: not the same as Latin cross (U+271D) or Orthodox cross (U+2626).

One line: U+271E → &#x271E; / &#10014; / CSS \271E (no named entity).

Frequently Asked Questions

Use &#x271E; (hex), &#10014; (decimal), or the CSS escape \271E in the content property. All render ✞ when the font supports Dingbats. There is no named HTML entity.
U+271E (SHADOWED WHITE LATIN CROSS). Hex 271E, decimal 10014. It belongs to Dingbats (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+271E. Use numeric references like &#x271E; or &#10014;.
Use it for religious content, memorial pages, church sites, and decorative Latin-cross symbolism when you want the shadowed glyph. Prefer U+271D for a plain Latin cross.
HTML entities (&#10014; or &#x271E;) go in markup. The CSS escape \271E is used in stylesheets (usually in the content property of ::before/::after). Both render ✞.
U+271E is the shadowed white Latin cross. U+271D is the plain Latin cross. U+2626 is the Orthodox cross. Related shapes, different Unicode characters.

Did you know?

Shadowed White Latin Cross is Unicode U+271E (decimal 10014) — SHADOWED WHITE LATIN CROSS in Dingbats. HTML5 has no named entity — use &#x271E; or &#10014;. Do not confuse it with plain Latin cross (U+271D) or Orthodox cross (U+2626).

Next: Shadowed White Star

Learn the HTML entity for Shadowed White Star — next in this sequence.

Continue 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