HTML Entity for White Florette (❀)
What You'll Learn
How to display the White Florette symbol (❀) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2740 (WHITE FLORETTE) in the Dingbats block (U+2700–U+27BF)—a flower-like decorative ornament.
Render it with ❀, ❀, or CSS escape \2740. There is no named HTML entity. Do not confuse ❀ with ❁ (eight petalled black florette) or ✿ (black florette).
⚡ Quick Reference — White Florette
U+2740Dingbats
❀Hexadecimal reference
❀Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2740
Hex code ❀
HTML code ❀
Named entity (none)
CSS code \2740
Meaning White florette
Related U+273F = ✿ (black florette)
U+2741 = ❁ (eight petalled black florette)
U+273E = ✾ (six petalled black and white florette)
Block Dingbats (U+2700–U+27BF)Complete HTML Example
A simple example showing White Florette (❀) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#flower:after{
content: "\2740";
}
</style>
</head>
<body>
<p>White Florette (hex): ❀</p>
<p>White Florette (decimal): ❀</p>
<p id="flower">White Florette (CSS): </p>
</body>
</html>🌐 Browser Support
U+2740 is supported in modern browsers when the font includes Dingbats glyphs:
👀 Live Preview
See White Florette (❀) in context:
🧠 How It Works
Hexadecimal Code
❀ uses the Unicode hexadecimal value 2740 to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
❀ uses the decimal Unicode value 10048 to display the same character. A common method for symbol characters in HTML.
CSS Entity
\2740 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ❀. Unicode U+2740 is the white florette in Dingbats. Not the same as ❁ (eight petalled black florette) or ✿ (black florette).
Use Cases
White Florette (❀) is commonly used in:
Headers, footers, and design accents with floral ornamentation.
Garden-themed sites, nature content, and floral design projects.
Graphic design, logos, and creative content needing flower imagery.
Section dividers, bullet substitutes, and decorative highlights.
Botanical websites, gardening guides, and nature articles.
Artistic content, portfolios, and design showcases.
Spring-themed pages, floral arrangements, and seasonal designs.
💡 Best Practices
Do
- Use ❀ for a light outline florette; use ❁ for the filled black variant
- Pair decorative glyphs with accessible text or
aria-hidden="true"when purely ornamental - Pick one numeric style (hex or decimal) per project for consistency
- Use fonts that support Dingbats characters
- Test rendering across browsers and devices
Don’t
- Confuse ❀ (white florette) with ❁ (eight petalled black florette) or ✿ (black florette)
- Use the florette as the only navigation or action cue
- Mix entity styles randomly in one file
- Use CSS escape
\2740inside HTML markup - Expect a named HTML entity—none exists for ❀
Key Takeaways
Type ❀ directly, or use hex/decimal references
❀ ❀For CSS stylesheets, use the escape in the content property
\2740Unicode U+2740 — WHITE FLORETTE (Dingbats)
U+273F/U+2740/U+2741 are related black, white, and filled florette ornaments
Previous: White Flag (⚐) Next: White Four Pointed Star (✧)
❓ Frequently Asked Questions
❀ (hex), ❀ (decimal), or \2740 in CSS content. There is no named HTML entity. In UTF-8 you can also type ❀ directly.U+2740 (WHITE FLORETTE). Dingbats block U+2700–U+27BF. Hex 2740, decimal 10048.❀ or ❀) go directly in markup. The CSS escape \2740 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.❀ or ❀ in HTML, or \2740 in CSS.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, and more.
About the author
8 people found this page helpful