HTML Entity for Heavy Greek Cross (✚)

What You'll Learn
How to display the Heavy Greek Cross (✚) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+271A (HEAVY GREEK CROSS) in the Dingbats block (U+2700–U+27BF). It is a bold, equal-armed cross (Greek cross shape)—ideal for add/plus indicators in UI, religious or ceremonial content, decorative design, and any context where a clear cross or plus symbol is needed beyond ASCII + (U+002B).
Render it with ✚, ✚, or CSS escape \271A. There is no named HTML entity. Do not confuse ✚ with U+271D (✝, Latin cross) or U+2716 (✖, heavy multiplication sign); each Dingbats cross has a distinct glyph and meaning.
⚡ Quick Reference — Greek Cross
U+271ADingbats block
✚Hexadecimal reference
✚Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+271A
Hex code ✚
HTML code ✚
Named entity (none)
CSS code \271A
Meaning Heavy Greek cross
Related U+002B = plus (+)
U+271D = Latin cross (✝)
U+2716 = heavy multiplication (✖)Complete HTML Example
This example demonstrates the Heavy Greek Cross (✚) using hexadecimal code, decimal HTML code, and a CSS content escape on an add button and decorative divider:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\271A";
}
</style>
</head>
<body>
<p>Greek Cross using Hexadecimal: ✚</p>
<p>Greek Cross using HTML Code: ✚</p>
<p id="point">Greek Cross using CSS Entity</p>
</body>
</html>🌐 Browser Support
The Heavy Greek Cross (✚) is widely supported in modern browsers when the font includes Dingbats cross glyphs:
👀 Live Preview
Heavy Greek Cross (✚) in context, compared with other plus and cross symbols:
🧠 How It Works
Hexadecimal Code
✚ uses the Unicode hexadecimal value 271A to display the Greek cross. The x prefix indicates hexadecimal format.
Decimal HTML Code
✚ uses the decimal Unicode value 10010 to display the same character.
CSS Entity
\271A is used in CSS stylesheets, particularly in content on ::before for add buttons, expand controls, and decorative crosses.
Same visual result
All three methods produce ✚. Unicode U+271A is in the Dingbats block. Next: Heart Exclamation Ornament (❣).
Use Cases
The Heavy Greek Cross (✚) is commonly used in:
Add buttons, expand controls, or plus actions in forms, lists, and UI.
Church or faith-related sites, memorials, and ceremonial typography.
Headers, dividers, or accent characters for a bold cross or plus style.
Add-item or add-row controls and optional plus cues in interfaces.
content: "\271A" on ::before without extra HTML markup.
Pair with text or aria-label (e.g. “Add”, “Expand”) for screen readers.
💡 Best Practices
Do
- Pair ✚ on buttons with
aria-label="Add item"or visible text - Use
content: "\271A "via::beforefor icon-only add controls - Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Test glyph rendering in your font stack
- Use semantic
<button>elements for interactive add actions
Don’t
- Use ✚ alone on icon buttons without accessible names
- Confuse U+271A (✚) with U+271D (✝) or U+2716 (✖)
- Expect a named HTML entity for U+271A
- Use CSS
\271Ain HTML text nodes - Imply medical emergency meaning without proper context and labeling
Key Takeaways
Two HTML numeric references plus CSS insert U+271A
✚ ✚For CSS, use \271A in the content property
Unicode U+271A — heavy Greek cross (✚)
Distinct from ASCII + (U+002B) and Latin cross U+271D (✝)
❓ Frequently Asked Questions
✚ (hex), ✚ (decimal), or \271A in CSS content. There is no named entity. All three methods render the symbol (✚) correctly.U+271A (HEAVY GREEK CROSS). Dingbats block. Hex 271A, decimal 10010. The symbol (✚) is a bold, equal-armed cross, often used for add/plus indicators, religious content, and decoration.✚ or ✚) go in markup. The CSS escape \271A is used in stylesheets, typically on ::before or ::after. Both produce ✚.✚) or decimal (✚) codes, which is standard for Dingbats cross symbols.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
8 people found this page helpful
