HTML Entity for Floral Heart (❦)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2766

HTML Entity for floral heart (U+2766) tutorial illustration

Definition

What Is Floral Heart?

Floral heart (❦) is the Unicode character at U+2766 in Dingbats. Official name: FLORAL HEART. It is a decorative leaf/heart ornament used in elegant typography and cards (sometimes called an Aldus leaf).

Remember

Character     ❦
Unicode       U+2766
Hex entity    &#x2766;
Decimal       &#10086;
CSS escape    \2766
Named entity  (none)
Not the same  ❤ (❤) · ♥ (♥) · ❧ (❧) · ⚜ (⚜)

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	`\2766`	Stylesheet `content`

When to Use Which

Situation	Use
Decorative floral-heart ornament	`❦` or type `❦`
Card-suit heart	Black heart suit (`&hearts;`, ♥)
Solid / emoji-style heart	Heavy black heart (❤)
Rotated floral-heart bullet	Rotated floral heart (❧)
Generated text via `::before` / `::after`	`content: "\2766"`

See it

Live Preview

Symbol rendered alone, in sample text, and compared with related hearts.

Glyph ❦

Large glyph ❦

Sample ❦ Welcome ❦

Compared ❦ ❧ ❤ ♥ ⚜

With entities Hex: ❦ | Decimal: ❦

Code

Complete HTML Example

One page that shows Floral heart 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>Floral Heart (U+2766) in HTML</title>
  <style>
    #point::after {
      content: "\2766";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2766;</p>
  <p>Built with Decimal: &#10086;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ❦</p>
  <p>&#x2766; Welcome &#x2766;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ❦ inserts code point U+2766 → ❦.

2. Decimal: same code point as 10086 → ❦. Same visual as hex.

3. CSS: use \2766 in content (not an HTML entity). #point::after appends ❦.

4. Typed: paste ❦ in a UTF-8 document, or place it as a decorative flourish around a title.

Pitfalls & Tips

Common mistakes when working with Floral heart.

Name

No named entity

There is no HTML5 named entity for U+2766. Use ❦ or ❦. Do not invent &floralheart;.

♥

Not the card-suit heart

U+2665 (&hearts;, ♥) is the playing-card heart. Floral heart is a Dingbats ornament.

❤

Not heavy black heart

U+2764 (❤) is a solid heart often used as an emoji-style icon — different from ❦.

❧

Not the rotated bullet

U+2767 (❧) is rotated floral heart bullet — related, but a different character.

CSS vs HTML

Do not mix escapes

\2766 belongs in CSS strings. ❦ / ❦ belong in HTML.

a11y

Add accessible text

Screen readers may not announce ❦ clearly. Prefer nearby prose when the ornament carries meaning.

Semicolon

End references

Always finish entities with ; — write ❦, not &#x2766.

Compatibility

Browser Support

Floral heart (U+2766) and its entity forms (❦, ❦, CSS \\2766) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.

✓ Universal support

Floral Heart (❦)

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+2766 Full support

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

Remember

Key Takeaways

Unicode: floral heart is U+2766 (decimal 10086) — glyph ❦.
HTML: no named entity — use ❦ / ❦ / type ❦.
CSS: use \2766 inside content for generated text.
Meaning: ❦ ≠ suit ♥ ≠ heavy ❤ ≠ rotated ❧.

One line: U+2766 → ❦ / ❦ / CSS \2766 (no named form).

Frequently Asked Questions

How do I display ❦ in HTML?

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

What is the Unicode value for this symbol?

U+2766 (FLORAL HEART). Hex 2766, decimal 10086. It belongs to the Dingbats block (U+2700–U+27BF).

Is there a named HTML entity for the floral heart?

No. HTML5 does not define a named entity for U+2766. Prefer ❦ or ❦.

When should I use U+2766?

Use it as a decorative ornament in titles, cards, and elegant typography. Prefer &hearts; (♥) for card-suit hearts, heavy black heart (❤) for a solid heart icon, and rotated floral heart bullet (❧) when that orientation is required.

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

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

Is U+2766 the same as ♥ or ❤?

No. U+2766 is ❦ (floral heart). Black heart suit is U+2665 (♥, &hearts;). Heavy black heart is U+2764 (❤).

Did you know?

Floral heart is Unicode U+2766 (decimal 10086) — glyph ❦ (FLORAL HEART) in Dingbats. There is no HTML5 named entity; use ❦ or ❦. It is a decorative leaf/heart ornament (sometimes called an Aldus leaf). Do not confuse it with heavy black heart (❤), black heart suit (&hearts;, ♥), rotated floral heart bullet (❧), or fleur-de-lis (⚜).

Next: Flower

Learn the HTML entity for flower (U+2698).

Flower 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 | Fleur de Lis HTML Entity | Flower