HTML Entity for Outlined Latin Cross (✟)
What You'll Learn
How to display the Outlined Latin Cross (✟) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+271F (OUTLINED LATIN CROSS) in the Dingbats block (U+2700–U+27BF)—a Latin cross with a longer lower arm and an outlined style, widely used in Christian, religious, historical, and decorative web design.
Render it with ✟, ✟, or CSS escape \271F. There is no named HTML entity. Do not confuse ✟ with U+271D (✝, solid Latin cross), U+2719 (✙, outlined Greek cross), or U+271A (✚, heavy Greek cross).
⚡ Quick Reference — Outlined Latin Cross
U+271FDingbats block
✟Hexadecimal reference
✟Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+271F
Hex code ✟
HTML code ✟
Named entity (none)
CSS code \271F
Meaning Outlined Latin cross (longer lower arm)
Related U+271D = Latin cross (✝)
U+2719 = outlined Greek cross (✙)
U+271A = heavy Greek cross (✚)
U+2626 = orthodox cross (☦)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing ✟ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\271F";
}
</style>
</head>
<body>
<p>Outlined Latin cross (hex): ✟</p>
<p>Outlined Latin cross (decimal): ✟</p>
<p id="point">Outlined Latin cross (CSS): </p>
</body>
</html>🌐 Browser Support
The Outlined Latin Cross (✟) is widely supported in all modern browsers:
👀 Live Preview
See the Outlined Latin Cross (✟) in religious and decorative contexts:
🧠 How It Works
Hexadecimal Code
✟ uses the Unicode hexadecimal value 271F to display the outlined Latin cross.
Decimal HTML Code
✟ uses the decimal Unicode value 10015 for the same character.
CSS Entity
\271F is used in CSS stylesheets in the content property of pseudo-elements for decorative or heading markers.
Outlined cross result
All three methods render ✟. Unicode U+271F in the Dingbats block. Next: Outlined White Star (⚝).
Use Cases
The Outlined Latin Cross (✟) is commonly used in:
Church websites, faith articles, and liturgical resources.
Medieval, heraldic, and commemorative web pages.
Obituaries, remembrance sections, and tribute pages.
Typography accents, section dividers, and symbolic markers.
Distinct list markers where a lighter Latin cross fits the theme.
Character pickers, entity documentation, and Dingbats cross guides.
Pair ✟ with visible text; use respectful alt text in religious contexts.
💡 Best Practices
Do
- Use
✟or✟for inline Latin cross symbols - Provide surrounding text context for religious and memorial use
- Set
<meta charset="utf-8">for reliable rendering - Choose the correct cross variant—Latin vs Greek vs Orthodox
- Pick one numeric style per project for consistency
Don’t
- Confuse ✟ with solid Latin ✝, outlined Greek ✙, or heavy ✚
- Use padded Unicode notation like U+0271F—the correct value is
U+271F - Use CSS escape
\271Fin HTML text nodes - Use religious symbols decoratively without cultural sensitivity
- Assume every font renders Dingbats crosses identically—test your typeface
Key Takeaways
Two HTML numeric references plus CSS for U+271F
✟ ✟For CSS stylesheets, use \271F in the content property
Unicode U+271F — OUTLINED LATIN CROSS (longer lower arm)
Distinct from solid Latin ✝, outlined Greek ✙, and heavy Greek ✚
Previous: Outlined Greek Cross (✙) Next: Outlined White Star (⚝)
❓ Frequently Asked Questions
✟ (hex), ✟ (decimal), or \271F in CSS content. There is no named entity. All three render ✟.U+271F (OUTLINED LATIN CROSS). Dingbats block (U+2700–U+27BF). Hex 271F, decimal 10015.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful