HTML Entity for Latin Cross (✝)
What You'll Learn
How to display the Latin Cross symbol (✝) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+271D (LATIN CROSS) in the Dingbats block (U+2700–U+27BF)—the standard form of the Christian cross with a longer vertical arm, used in religious content, church websites, memorials, and heraldic design.
Render it with ✝, ✝, or CSS escape \271D. There is no named HTML entity. Do not confuse ✝ with U+271E (✞, shadowed white Latin cross) or U+2626 (☦, Orthodox cross).
⚡ Quick Reference — Latin Cross
U+271DDingbats block
✝Hexadecimal reference
✝Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+271D
Hex code ✝
HTML code ✝
Named entity (none)
CSS code \271D
Meaning Latin / Christian cross
Related U+271E = shadowed white (✞)
U+2626 = Orthodox cross (☦)Complete HTML Example
A simple example showing the Latin Cross (✝) with hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\271D";
}
</style>
</head>
<body>
<p>Latin Cross using Hexadecimal: ✝</p>
<p>Latin Cross using HTML Code: ✝</p>
<p id="point">Latin Cross using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Latin Cross symbol (✝) is widely supported in modern browsers when the font includes Dingbats characters:
👀 Live Preview
See the Latin Cross (✝) in religious and symbolic contexts:
🧠 How It Works
Hexadecimal Code
✝ uses the Unicode hexadecimal value 271D to display the Latin Cross symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
✝ uses the decimal Unicode value 10013 to display the same character.
CSS Entity
\271D is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce ✝ (✝). Unicode U+271D is in the Dingbats block. Next: Lb Bar Symbol (℔).
Use Cases
The Latin Cross symbol (✝) is commonly used in:
Church homepages, parish sites, and faith-based organization pages.
Obituaries, memorial sites, and tribute content for faith or remembrance.
Family history, heraldry, and historical documentation with Christian symbolism.
Teaching religious symbolism, art history, and cultural significance of the cross.
Coats of arms, logos, and official insignia that use the Latin cross.
Weddings, baptisms, and religious event invitations or announcements.
💡 Best Practices
Do
- Add
aria-label="Latin cross"or visible text for accessibility - Use fonts that support Dingbats (U+271D)
- Set
<meta charset="utf-8"> - Use the symbol in appropriate religious or cultural context
- Keep one numeric style (hex or decimal) per project
- Ensure sufficient size and contrast for readability
Don’t
- Confuse ✝ (U+271D) with ✞ (U+271E) or ☦ (U+2626;)
- Expect a named HTML entity for U+271D
- Use CSS
\271Dinside HTML text nodes - Rely on the symbol alone without accessible text for screen readers
- Mix entity styles randomly in one file
Key Takeaways
Two HTML numeric references plus CSS render ✝
✝ ✝For CSS, use \271D in the content property
Unicode U+271D — LATIN CROSS (✝)
Dingbats block (U+2700–U+27BF)
Previous: Lateral Click (ǁ) Next: Lb Bar Symbol (℔)
❓ Frequently Asked Questions
✝ (hex), ✝ (decimal), or \271D in CSS content. There is no named entity. All three methods render the Latin Cross (✝) correctly.U+271D (LATIN CROSS). Dingbats block (U+2700–U+27BF). Hex 271D, decimal 10013. The standard form of the Christian cross with a longer vertical arm.✝ or ✝) go in markup. The CSS escape \271D is used in stylesheets, typically on ::before or ::after. Both produce ✝ (✝).✝) or decimal (✝) codes. That is standard for symbolic and decorative characters in HTML.Explore More HTML Entities!
Discover 1500+ HTML character references — religious symbols, Dingbats, and more.
About the author
8 people found this page helpful