HTML Entity for Rotated Floral Heart Bullet (❧)
What You'll Learn
How to display the Rotated Floral Heart Bullet (❧) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2767 (ROTATED FLORAL HEART BULLET) in the Dingbats block (U+2700–U+27BF)—a decorative ornamental bullet with a floral heart motif.
Use ❧, ❧, or CSS \2767. There is no named HTML entity. Do not confuse ❧ with U+2765 (❥, rotated heavy black heart bullet) or U+2665 (♥, heart suit / ♥).
⚡ Quick Reference — Rotated Floral Heart Bullet
U+2767Dingbats
❧Hexadecimal reference
❧Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2767
Hex code ❧
HTML code ❧
Named entity (none)
CSS code \2767
Related U+2765 = rotated heavy black heart bullet (❥)
U+2665 = heart suit (♥ / ♥)
U+2619 = reverse rotated floral heart (☙)Complete HTML Example
A simple example showing the Rotated Floral Heart Bullet (❧) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2767";
}
</style>
</head>
<body>
<p>Symbol (hex): ❧</p>
<p>Symbol (decimal): ❧</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The Rotated Floral Heart Bullet (❧) is supported in all modern browsers when the font includes Dingbats glyphs:
👀 Live Preview
See the Rotated Floral Heart Bullet (❧) rendered live in different contexts:
list-style-type or ::marker with \2767 for custom bullets.🧠 How It Works
Hexadecimal Code
❧ uses the Unicode hexadecimal value 2767. The x prefix indicates hexadecimal format.
Decimal HTML Code
❧ uses the decimal Unicode value 10087 to display the same character.
CSS Entity
\2767 is used in CSS stylesheets in the content property of pseudo-elements like ::before, ::after, or ::marker.
Same visual result
All three methods produce ❧. Unicode U+2767 is in Dingbats. There is no named HTML entity. Previous: Rotated Capital Q (U+213A).
Use Cases
The Rotated Floral Heart Bullet (❧) is commonly used in:
Style elegant bullet lists in invitations and formal pages.
Add ornamental flair to headings and artistic layouts.
Use in botanical, wedding, and nature-themed websites.
Decorate wedding sites, RSVPs, and ceremony programs.
Include in love-themed pages and Valentine designs.
Use as a subtle divider or decorative marker in copy.
💡 Best Practices
Do
- Use
❧or❧for inline decorative bullets - Apply
\2767via CSS::markerfor styled lists - Distinguish ❧ from ❦ and ♥
- Add
aria-hidden="true"when purely decorative - Verify your font supports Dingbats glyphs
Don’t
- Assume a named HTML entity exists—there is none for U+2767
- Use CSS escape
\2767inside HTML text nodes - Confuse ❧ with ❦ or standard heart ♥
- Overuse ornamental bullets in dense body text
- Use HTML entities in JS (use
\u2767instead)
Key Takeaways
Three methods render ❧ — no named entity
❧ ❧For CSS, use \2767 in content or list markers
Unicode U+2767 — ROTATED FLORAL HEART BULLET in Dingbats
Ideal for decorative lists, weddings, and floral-themed design
Previous: Rotated Capital Q Next: Rotated Heavy Black Heart Bullet
❓ Frequently Asked Questions
❧ (hex), ❧ (decimal), or \2767 in CSS content. There is no named HTML entity. All three render ❧.U+2767 (ROTATED FLORAL HEART BULLET). Dingbats block (U+2700–U+27BF). Hex 2767, decimal 10087.❧ or ❧) go in markup. The CSS escape \2767 is used in stylesheets on ::before, ::after, or ::marker.Explore More HTML Entities!
Discover 1500+ HTML character references — Dingbats, symbols, letters, and more.
About the author
8 people found this page helpful