HTML Entity for Fleur de Lis (⚜)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+269C

What You'll Learn

How to display the Fleur de lis symbol (⚜) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+269C (FLEUR-DE-LIS) in the Miscellaneous Symbols block (U+2600–U+26FF)—a stylized lily used in heraldry, branding, and decorative design, associated with royalty, French culture, Louisiana, and many organizations.

Render it with ⚜, ⚜, or CSS escape \269C. There is no named HTML entity. Use the symbol in appropriate cultural or brand context; it carries meaning in heraldry and regional identity.

⚡ Quick Reference — Fleur de Lis

Unicode U+269C

Miscellaneous Symbols

Hex Code ⚜

Hexadecimal reference

HTML Code ⚜

Decimal reference

Named Entity

Use numeric codes only

Reference Table
Name           Value
────────────   ──────────
Unicode        U+269C
Hex code       ⚜
HTML code      ⚜
Named entity   (none)
CSS code       \269C
Meaning        Stylized lily (heraldry / branding)
Related        U+2766 = Floral heart (❦); U+262B = Farsi symbol (☫)
1

Complete HTML Example

This example demonstrates the Fleur de lis (⚜) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\269C";
  }
 </style>
</head>
<body>
<p>Fleur de Lis using Hexadecimal: &#x269C;</p>
<p>Fleur de Lis using HTML Code: &#9884;</p>
<p id="point">Fleur de Lis using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Fleur de lis symbol is widely supported in modern browsers with a suitable font:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 1+

👀 Live Preview

See the fleur de lis (⚜) in branding and decorative context:

Brand mark ⚜ Heritage Collection
Header accent ⚜   New Orleans Guide
Large glyph
Numeric refs &#x269C; &#9884; \269C
No named entity Use hex or decimal only

🧠 How It Works

1

Hexadecimal Code

&#x269C; uses the Unicode hexadecimal value 269C to display the Fleur de lis symbol. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#9884; uses the decimal Unicode value 9884 to display the same character.

HTML markup
3

CSS Entity

\269C is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the glyph: . Unicode U+269C is in Miscellaneous Symbols. No named HTML entity—use numeric codes in markup.

Use Cases

The Fleur de lis symbol (⚜) is commonly used in:

🛡️ Heraldry

Heraldic content, family crests, and coat-of-arms designs.

🏷️ Branding

Logos, brand marks, and identity design for elegance or tradition.

✨ Decorative design

Accents in headers, dividers, and premium or luxury content.

🌍 French & Louisiana

Louisiana, New Orleans, or French cultural and regional identity.

🎖️ Organizations

Scouting emblems, fraternal organizations, and group insignia.

👑 History & royalty

Historical sites, royalty-related content, and European cultural references.

💡 Best Practices

Do

  • Add aria-label="Fleur de lis" when the symbol carries meaning
  • Use a font that supports Miscellaneous Symbols (Segoe UI Symbol, etc.)
  • Use the CSS escape in ::before / ::after for repeating decorative elements
  • Use &#x269C; or &#9884; consistently within a project
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Expect a named entity—none exists for U+269C
  • Put CSS escape \269C in HTML text nodes
  • Use the symbol without regard for cultural or heraldic context
  • Rely on the glyph alone without accessible text for screen readers
  • Mix entity styles randomly in one file

Key Takeaways

1

Two HTML numeric references plus CSS render ⚜

&#x269C; &#9884;
2

For CSS stylesheets, use the escape in the content property

\269C
3

Unicode U+269C — FLEUR-DE-LIS

4

Miscellaneous Symbols block (U+2600–U+26FF)

5

Three methods, no named HTML entity

❓ Frequently Asked Questions

Use &#x269C; (hex), &#9884; (decimal), or \269C in CSS content. There is no named entity.
U+269C (FLEUR-DE-LIS). Miscellaneous Symbols block (U+2600–U+26FF). Hex 269C, decimal 9884. A stylized lily used in heraldry and design.
In heraldry and coats of arms, branding and logos, decorative design, Louisiana or French-related content, scouting emblems, royalty and historical content, and cultural or regional branding.
HTML references (&#9884; or &#x269C;) go in markup. The CSS escape \269C is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.
Named HTML entities cover a subset of common characters. Symbols in the Miscellaneous Symbols block like U+269C use numeric codes (hexadecimal or decimal). This is standard practice for such symbols in HTML.

Explore More HTML Entities!

Discover 1500+ HTML character references — heraldic symbols, decoration, and more.

All HTML Entities →

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