HTML Entity for Fleur de Lis (⚜)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+269C

HTML Entity for fleur-de-lis (U+269C) tutorial illustration

Definition

What Is Fleur de Lis?

Fleur-de-lis (⚜) is the Unicode character at U+269C in Miscellaneous Symbols. Official name: FLEUR-DE-LIS. It is a stylized lily emblem used in heraldry, branding, and decorative design.

Remember

Character     ⚜
Unicode       U+269C
Hex entity    &#x269C;
Decimal       &#9884;
CSS escape    \269C
Named entity  (none)
Not the same  ❦ (floral heart) · ☮ (peace) · emoji flowers

Prefer ⚜ or ⚜ in HTML (no named form). You can also type ⚜ in a UTF-8 document.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	—
Hex entity	`⚜`	HTML markup (preferred)
Decimal entity	`⚜`	HTML markup
Direct character	`⚜`	HTML text (UTF-8)
CSS escape	`\269C`	Stylesheet `content`

When to Use Which

Situation	Use
Heraldic / fleur-de-lis emblem	`⚜` or type `⚜`
Heart-shaped floral ornament	Floral heart (❦)
Peace emblem	Peace symbol (☮)
Scalable brand logo art	SVG or image — not only U+269C
Generated text via `::before` / `::after`	`content: "\269C"`

See it

Live Preview

Symbol rendered alone, in a sample label, and compared with related ornaments.

Glyph ⚜

Large glyph ⚜

Sample Emblem: ⚜

Compared ⚜ ❦ ☮

With entities Hex: ⚜ | Decimal: ⚜

Code

Complete HTML Example

One page that shows Fleur-de-lis with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ⚜ in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Fleur-de-lis (U+269C) in HTML</title>
  <style>
    #point::after {
      content: "\269C";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x269C;</p>
  <p>Built with Decimal: &#9884;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⚜</p>
  <p>Emblem: &#x269C;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ⚜ inserts code point U+269C → ⚜.

2. Decimal: same code point as 9884 → ⚜. Same visual as hex.

3. CSS: use \269C in content (not an HTML entity). #point::after appends ⚜.

4. Typed: paste ⚜ in a UTF-8 document, or place it next to an emblem label.

Pitfalls & Tips

Common mistakes when working with Fleur-de-lis.

Name

No named entity

There is no HTML5 named entity for U+269C. Use ⚜ or ⚜. Do not invent &fleur;.

❦

Not floral heart

U+2766 (❦) is a Dingbats floral heart — a different decorative character.

Brand

Logo vs character

For official logos, prefer SVG/images with exact brand art. U+269C is a generic Unicode emblem and may not match a trademarked design.

Font

Font coverage

Miscellaneous Symbols glyphs may be missing in some fonts. Prefer a font with symbol coverage, or use an image/SVG if the glyph must always render.

CSS vs HTML

Do not mix escapes

\269C belongs in CSS strings. ⚜ / ⚜ belong in HTML.

a11y

Add accessible text

Screen readers may not announce ⚜ clearly. Prefer nearby prose (for example “Fleur-de-lis”) when the emblem carries meaning.

Semicolon

End references

Always finish entities with ; — write ⚜, not &#x269C.

Compatibility

Browser Support

Fleur-de-lis (U+269C) and its entity forms (⚜, ⚜, CSS \\269C) are supported in all mainstream browsers. Visible glyphs depend on Miscellaneous Symbols font coverage.

✓ Universal support

Fleur-de-lis (⚜)

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+269C Full support

Bottom line: Prefer ⚜ in HTML (no named form). Use ⚜ when decimal form is required, and \\269C only inside CSS content.

Remember

Key Takeaways

Unicode: fleur-de-lis is U+269C (decimal 9884) — glyph ⚜.
HTML: no named entity — use ⚜ / ⚜ / type ⚜.
CSS: use \269C inside content for generated text.
Meaning: ⚜ ≠ floral heart ❦ ≠ peace ☮.

One line: U+269C → ⚜ / ⚜ / CSS \269C (no named form).

Frequently Asked Questions

How do I display ⚜ in HTML?

Use ⚜ (hex), ⚜ (decimal), type ⚜ directly in UTF-8, or the CSS escape \269C in content. There is no named HTML entity for U+269C.

What is the Unicode value for this symbol?

U+269C (FLEUR-DE-LIS). Hex 269C, decimal 9884. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for the fleur-de-lis?

No. HTML5 does not define a named entity for U+269C. Prefer ⚜ or ⚜.

When should I use U+269C?

Use it for heraldry, branding, cultural emblems (for example French or Louisiana themes), and decorative UI. Prefer floral heart (U+2766) for a heart-shaped ornament, and SVG/icons when you need scalable brand art.

What is the difference between HTML code and CSS entity for U+269C?

HTML numeric entities (⚜ or ⚜) go in markup. The CSS escape \269C goes in stylesheet strings (usually content on ::before/::after).

Is U+269C the same as floral heart?

No. U+269C is ⚜ (fleur-de-lis). Floral heart is U+2766 (❦) in Dingbats — a different decorative glyph.

Did you know?

Fleur-de-lis is Unicode U+269C (decimal 9884) — glyph ⚜ (FLEUR-DE-LIS) in Miscellaneous Symbols. There is no HTML5 named entity; use ⚜ or ⚜. It is a classic heraldic lily emblem. Do not confuse it with floral heart (❦), peace symbol (☮), or decorative emoji flowers.

Next: Floral Heart

Learn the HTML entity for floral heart (U+2766).

Floral heart tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Five Dot Punctuation HTML Entity | Floral Heart