HTML Entity for Outlined Latin Cross (✟)

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

What Is the Outlined Latin Cross Entity?

Outlined Latin cross (✟) is the Dingbats character at Unicode U+271F (OUTLINED LATIN CROSS). It is a longer-vertical-arm cross motif used in Christian, religious, and decorative design. There is no named HTML entity; use hex, decimal, UTF-8, or CSS.

Remember
Character     ✟
Unicode       U+271F
Named entity  none
Hex entity    ✟
Decimal       ✟
CSS escape    \271F
Related       Greek cross ✙ (U+2719)

All numeric and UTF-8 forms produce the same glyph: ✟. Prefer ✟ for portable markup; paste ✟ in UTF-8 when convenient.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entitynoneNot defined in HTML5
Hex entity✟HTML markup
Decimal entity✟HTML markup
Direct character✟HTML text (UTF-8 default)
CSS escape\271FStylesheet content

When to Use Which

SituationUse
Portable HTML without pasting Unicode✟ or ✟
UTF-8 UI or document textType or paste ✟
Generated text via ::before / ::aftercontent: "\271F"
Equal-arm (Greek) crossSee Outlined Greek Cross
Other Latin cross formsSee Latin Cross

Live Preview

Outlined Latin cross rendered in common contexts.

Glyph ✟
Large glyph ✟
In a sentence Symbol: ✟ Latin cross
With entities Hex: ✟ | Decimal: ✟ | Named: none
vs Greek / + ✟  |  ✙  |  +

Complete HTML Example

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

Hex + Decimal + Direct + CSS

Four ways to produce ✟ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Outlined Latin Cross (✟) in HTML</title>
  <style>
    #point::after {
      content: "\271F";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x271F;</p>
  <p>Using Decimal: &#10015;</p>
  <p>Using Direct Character: ✟</p>
  <p id="point">Using CSS Entity: </p>
  <p>Example: Symbol: &#x271F; Latin cross</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+271F → &#x271F; in HTML. Best portable choice (no named entity).

2. Decimal: same code point as 10015 → &#10015;. Same glyph.

3. Direct: paste ✟ in a UTF-8 file with <meta charset="UTF-8">.

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

5. Named: HTML5 has none — do not invent a name like &latincross;.

Pitfalls & Tips

Common mistakes when working with the outlined-latin-cross entity.

No name

No named entity

HTML5 does not define a named entity for U+271F. Use &#x271F; or &#10015;.

Shape

Latin ≠ Greek

Latin crosses have a longer vertical stem. Greek crosses have equal arms — see Outlined Greek Cross.

Look-alikes

Not ASCII +

The plus sign is a math operator. ✟ is a Dingbat decorative cross — different characters.

CSS vs HTML

Do not mix escapes

\271F belongs in CSS. &#x271F; / &#10015; belong in HTML.

Encoding

Declare UTF-8

If you paste ✟ directly, keep <meta charset="UTF-8"> so the file is not misread.

Fonts

Glyph coverage

Some fonts lack Dingbats. If ✟ falls back to a box, try a font with Dingbats coverage.

Browser Support

Outlined Latin cross (U+271F) and its entity forms (&#x271F;, &#10015;, CSS \\271F) are supported in all modern browsers. Glyph availability depends on the font.

✓ Universal encoding

Outlined Latin Cross (&#x271F;)

Encode with hex, decimal, or CSS escape — or paste ✟ 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 All versions
Yes
U+271F Full support

Bottom line: Prefer &#x271F; (or &#10015;) for portable HTML. Use \\271F only inside CSS content.

Key Takeaways

  • Unicode: this character is U+271F (decimal 10015).
  • HTML: use &#x271F; or &#10015; — there is no named entity.
  • CSS: use \271F inside content for generated text.
  • Watch out: ✟ ≠ ✙ ≠ ASCII +.

One line: U+271F → &#x271F; / &#10015; / CSS \271F (no named entity).

Frequently Asked Questions

Use &#x271F; (hex), &#10015; (decimal), type ✟ in UTF-8, or the CSS escape \271F in content. There is no named HTML entity for U+271F.
U+271F (OUTLINED LATIN CROSS). Hex 271F, decimal 10015. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this cross. Prefer &#x271F; or &#10015;.
Use it for Christian, religious, historical, or decorative cross motifs where the Latin (longer vertical) form is intended. Prefer &#x271F; for portable markup.
HTML entities (&#10015; or &#x271F;) go in markup. The CSS escape \271F is used in stylesheets (usually in the content property of ::before/::after). Both render ✟.
A Greek cross (e.g. U+2719) has equal arms. The ASCII + is a plus sign, not a Dingbat cross. ✟ is the outlined Latin cross — pick the glyph that matches your design.

Did you know?

Outlined Latin cross (✟) is Unicode U+271F (decimal 10015) — OUTLINED LATIN CROSS in Dingbats (U+2700–U+27BF). HTML5 defines no named entity; use &#x271F; or &#10015;. A Latin cross has a longer vertical arm. Related: outlined Greek cross (equal arms) and plain Latin cross.

Next: Outlined White Star

Learn the HTML entity for ⚝ / U+269D — 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