HTML Entity for Rotated Floral Heart Bullet (❧)

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

What Is the Rotated Floral Heart Bullet Entity?

Rotated Floral Heart Bullet (❧) is the Dingbats character at Unicode U+2767 (ROTATED FLORAL HEART BULLET). It is an ornamental bullet with a floral heart motif — common in decorative lists and elegant layouts.

Remember
Character     ❧
Unicode       U+2767
Hex entity    ❧
Decimal       ❧
Named entity  (none)
CSS escape    \2767
Not the same  ❦ · ❥ · ♥ (♥)

Hex, decimal, CSS, and a typed character all produce the same glyph: ❧. Prefer ❧ when you want an explicit entity.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity❧HTML markup (best entity default)
Decimal entity❧HTML markup
Named entityNoneHTML5 does not define one
CSS escape\2767Stylesheet content / ::marker
Direct character❧UTF-8 HTML text

When to Use Which

SituationUse
Readable numeric entity in HTML❧
Decimal entity required❧
Custom list bullets via CSScontent: "\2767" on ::marker / ::before
Floral heart (not rotated bullet)Use U+2766
Card-suit heartUse ♥ (U+2665)

Live Preview

Rotated Floral Heart Bullet in decorative list and label contexts.

Bullet list style ❧ Welcome   ❧ Details   ❧ Reception
Large glyph ❧
Hex entity ❧ → ❧
vs ❦ / ❥ / ♥ ❧  |  ❦  |  ❥  |  ♥
With entities Hex: ❧ | Decimal: ❧

Complete HTML Example

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

Hex + Decimal + CSS

Three ways to produce ❧ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Rotated Floral Heart Bullet (❧)</title>
  <style>
    #point::after {
      content: "\2767";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x2767;</p>
  <p>Using HTML Code: &#10087;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>&#x2767; Welcome guests</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2767 → &#x2767; in HTML. The browser turns it into ❧.

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

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

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

Pitfalls & Tips

Common mistakes when working with Rotated Floral Heart Bullet.

Look-alikes

❧ ≠ ❦ ≠ ❥ ≠ ♥

U+2767 is the rotated floral bullet. Nearby Dingbats and &hearts; look similar but are different code points.

Named

No &…; name

Do not invent a name. Use &#x2767; or &#10087;.

Fonts

Glyph may be missing

Dingbats coverage varies. Test on your target devices or provide a fallback font / bullet.

CSS vs HTML

Do not mix escapes

\2767 belongs in CSS. &#x2767; / &#10087; belong in HTML.

A11y

Decorative bullets

If the bullet is pure decoration, hide it from assistive tech with aria-hidden="true" and keep the real list semantics.

Semicolon

End references

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

Browser Support

Rotated Floral Heart Bullet (U+2767) and its entity forms (&#x2767;, &#10087;, CSS \\2767) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Rotated Floral Heart Bullet (&#x2767;)

Encode with hex, decimal, or CSS escape — or type ❧ 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 IE 9+
Yes*
U+2767 Full support

Bottom line: Prefer &#x2767; for readable HTML. Use \\2767 only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+2767 (decimal 10087).
  • HTML: prefer &#x2767; — or use &#10087;. No named entity.
  • CSS: use \2767 inside content for generated bullets.
  • Watch out: U+2767 ≠ U+2766 ≠ U+2765 ≠ &hearts;.

One line: U+2767 → &#x2767; / &#10087; / CSS \2767 (no named entity).

Frequently Asked Questions

Use &#x2767; (hex), &#10087; (decimal), or the CSS escape \2767 in the content property (including ::marker for lists). All render ❧ when the font supports Dingbats. There is no named HTML entity.
U+2767 (ROTATED FLORAL HEART BULLET). Hex 2767, decimal 10087. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+2767. Use numeric references like &#x2767; or &#10087;.
Use it as a decorative list bullet, section divider, or ornamental accent in invitations and elegant layouts. Prefer numeric entities when encoding must be explicit.
HTML entities (&#10087; or &#x2767;) go in markup. The CSS escape \2767 is used in stylesheets (usually in content on ::before/::after or ::marker). Both render ❧.
U+2766 is floral heart (not the rotated bullet form). U+2765 is rotated heavy black heart bullet. &hearts; (U+2665) is the card-suit heart. U+2767 is the rotated floral heart bullet — different Dingbats glyphs.

Did you know?

Rotated Floral Heart Bullet is Unicode U+2767 (decimal 10087) — ROTATED FLORAL HEART BULLET in Dingbats. HTML5 has no named entity — use &#x2767; or &#10087;. Do not confuse it with floral heart U+2766 (❦), heavy black heart bullet U+2765 (❥), or heart suit &hearts; (U+2665).

Next: Rotated Heavy Black Heart Bullet

Learn the HTML entity for Rotated Heavy Black Heart Bullet — 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