HTML Entity for Cross of Lorraine (☨)

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

What Is Cross of Lorraine?

Cross of Lorraine (☨) is the Unicode character at U+2628 in the Miscellaneous Symbols block. It is a spacing heraldic / historical glyph — a double-barred cross — and is not a combining diacritic.

Remember
Character     ☨
Unicode       U+2628
Hex entity    ☨
Decimal       ☨
CSS escape    \2628
Named entity  (none for U+2628)
Not the same  ☩ U+2629 · ✝ U+271D · ☦ U+2626

Prefer typing ☨ in UTF-8 HTML when your editor supports it; use ☨ or ☨ when you need an explicit entity.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character☨HTML text (UTF-8)
Hex entity☨HTML markup
Decimal entity☨HTML markup
CSS escape\2628Stylesheet content
Cross of Jerusalem☩ U+2629Different Jerusalem cross — not U+2628

When to Use Which

SituationUse
Lorraine / double-barred cross☨ or type ☨
Cross of Jerusalem☩ U+2629
Simple Latin cross✝ U+271D
Generated / numeric-only markup☨ or ☨
Generated text via ::before / ::aftercontent: "\2628"

Live Preview

Cross of Lorraine rendered in common text contexts.

Inline label Lorraine cross ☨
Large glyph ☨
Compared ☨   ☩   ✝   ☦
Monospace mark: ☨
With entities Hex: ☨ | Decimal: ☨

Complete HTML Example

One page that shows Cross of Lorraine with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ☨ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Cross of Lorraine (☨) in HTML</title>
  <style>
    #point::after {
      content: "\2628";
    }
  </style>
</head>
<body>
  <p>Cross of Lorraine using Hex Code: &#x2628;</p>
  <p>Cross of Lorraine using HTML Code: &#9768;</p>
  <p id="point">Cross of Lorraine using CSS Entity: </p>
  <p>Typed directly: ☨</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2628 → &#x2628; in HTML → ☨.

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

3. CSS: use \2628 in content (not an HTML entity). #point::after appends that ☨ after the paragraph text.

4. Typed: in a UTF-8 page you can paste ☨ directly. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with Cross of Lorraine.

Named?

No named entity

HTML5 has no &…; name for U+2628. Use &#x2628; or &#9768;.

☩

Not Cross of Jerusalem

☩ (U+2629) is the Jerusalem cross. Do not swap it for the Lorraine cross.

Combining

Not a diacritic

U+2628 is a spacing symbol. Combining cross above (U+033D) and cross below (U+0353) attach to a base letter.

CSS vs HTML

Do not mix escapes

\2628 belongs in CSS strings. &#x2628; / &#9768; belong in HTML.

Fonts

Symbol font coverage

Some fonts omit U+2628. Prefer a font with Miscellaneous Symbols coverage, or use an SVG for logos.

Semicolon

End references

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

Browser Support

Cross of Lorraine (U+2628) and its numeric entity forms (&#x2628;, &#9768;, CSS \\2628) are supported in all mainstream browsers. Visible glyphs depend on font coverage.

✓ Universal support

Cross of Lorraine (&#x2628;)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

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+2628 / entities Full support

Bottom line: Use &#x2628; or &#9768; in HTML when you need this glyph, and \\2628 only inside CSS content. Do not confuse with Cross of Jerusalem (U+2629).

Key Takeaways

  • Unicode: Cross of Lorraine is U+2628 (decimal 9768) — glyph ☨.
  • HTML: type ☨, or use &#x2628; / &#9768; (no named entity).
  • CSS: use \2628 inside content for generated text.
  • Watch out: ☨ ≠ ☩ ≠ ✝ (Lorraine ≠ Jerusalem ≠ Latin cross).

One line: U+2628 → &#x2628; / &#9768; / CSS \2628 / type ☨.

Frequently Asked Questions

Use &#x2628; (hex), &#9768; (decimal), type ☨ directly in UTF-8, or the CSS escape \2628 in content. There is no named HTML entity for U+2628.
U+2628 (hex 2628, decimal 9768). It belongs to the Miscellaneous Symbols block and is a double-barred cross used in heraldry and historical emblems.
No. Use numeric references like &#9768; or &#x2628;, or type the character ☨ in a UTF-8 document.
Use it in heraldic, historical, or emblem content that needs the Lorraine cross glyph. Prefer SVG or an image when you need a precise logo-style mark across all devices.
HTML entities (&#9768; or &#x2628;) go in markup. The CSS escape \2628 goes in stylesheet strings (usually content on ::before/::after).
☨ (U+2628) is the Cross of Lorraine (double-barred). ☩ (U+2629) is the Cross of Jerusalem. ✝ (U+271D) is the Latin cross — a simpler single-bar form.

Did you know?

Cross of Lorraine is Unicode U+2628 (decimal 9768) — glyph ☨ in the Miscellaneous Symbols block. HTML5 has no named entity. It is a spacing heraldic / historical symbol (double-barred cross). It is not Cross of Jerusalem ☩ (U+2629) and not Latin cross ✝ (U+271D).

Next: Crossed Swords

Learn the HTML entity for crossed swords (U+2694).

Crossed Swords 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