HTML Entity for Black Florette (✿)
What You'll Learn
How to display Black Florette (✿) in HTML and CSS. This character is U+273F in the Dingbats block (U+2700–U+27BF), approved in Unicode 1.1 (1993). It is a fleuron (printer’s flower)—a stylized five-petaled flower with dark petals and a contrasting white centre.
There is no named HTML entity for U+273F. Use ✿ or ✿ in markup, or \273F in stylesheet content. The symbol suits decorative design, bullet points, section separators, and typographic ornamentation. Pair ornamental glyphs with visible text or aria-label when they convey meaning.
⚡ Quick Reference — Black Florette
U+273FDingbats (U+2700–U+27BF)
✿Hexadecimal reference
✿Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+273F
Hex code ✿
HTML code ✿
Named entity —
CSS code \273FComplete HTML Example
This example shows U+273F using hexadecimal and decimal character references, plus a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\273F";
}
</style>
</head>
<body>
<p>Black Florette using Hexa Decimal: ✿</p>
<p>Black Florette using HTML Code: ✿</p>
<p id="point">Black Florette using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+273F is widely supported in modern browsers; dingbat artwork varies by typeface:
👀 Live Preview
See the glyph at different sizes and beside related floral Dingbats (font-dependent):
🧠 How It Works
Hexadecimal Code
✿ references code point U+273F using hex digits 273F after the #x prefix.
Decimal HTML Code
✿ is the decimal equivalent (10047) for the same Black Florette character.
CSS Entity
\273F is the CSS escape for U+273F, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ✿. There is no named HTML entity for U+273F.
Use Cases
The Black Florette (✿) is commonly used for:
Floral patterns, headers, borders, and ornamental accents in web and print.
Alternative list markers and emphasis indicators in content.
Dividers between sections, pull quotes, and typographic ornamentation.
Invitations, cards, logos, and creative layouts with floral motifs.
Fleurons, printer’s flowers, and classic typographic embellishment.
Decorative accents in posts, captions, and messages.
Pair ✿ with text or ARIA when the symbol is decorative but needs context.
💡 Best Practices
Do
- Use hex or decimal consistently—there is no named entity for U+273F
- Pair ✿ with floral themes; related symbols include ❀ (white florette)
- Scale with
font-sizeso the florette fits your layout - Choose fonts that support the Dingbats block (U+2700–U+27BF)
- Use
\273Fonly inside CSScontent, not inside HTML text nodes - Add
aria-hidden="true"when purely decorative, or text for meaningful markers
Don’t
- Confuse U+273F (black florette) with U+2740 (white florette) or emoji flowers
- Rely on ✿ alone to communicate meaning in critical UI
- Assume every font renders Dingbats crisply at small sizes
- Use ornamental glyphs as the only navigation or state cue
- Mix CSS escapes into HTML text nodes (use numeric refs in markup)
Key Takeaways
Two numeric references render the same glyph
✿ ✿CSS content escape
\273FU+273F is a fleuron; pairs with White Florette U+2740
Dingbats block U+2700–U+27BF; no named HTML entity
Pair ornamental glyphs with text or ARIA when meaning must be clear
❓ Frequently Asked Questions
✿ (hex), ✿ (decimal), or \273F in CSS content. There is no named entity; all valid methods render ✿.U+273F (hex 273F, decimal 10047). Dingbats (U+2700–U+27BF). Unicode name BLACK FLORETTE.\273F escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.✿, ✿, or \273F in CSS depending on whether you are authoring markup or styles.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful