HTML Entity for Flower (⚘)
What You'll Learn
How to display the Flower symbol (⚘) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2698 (FLOWER) in the Miscellaneous Symbols block (U+2600–U+26FF)—also called the white flower—used for floral decoration, nature-themed content, and elegant design elements.
Render it with ⚘, ⚘, or CSS escape \2698. There is no named HTML entity. Do not confuse ⚘ with the floral heart (❦, Dingbats) or blossom emoji (🌼).
⚡ Quick Reference — Flower
U+2698Miscellaneous Symbols
⚘Hexadecimal reference
⚘Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2698
Hex code ⚘
HTML code ⚘
Named entity (none)
CSS code \2698
Meaning White flower / floral symbol
Related U+2766 = Floral heart (❦); U+2055 = Flower punctuation (⁕)Complete HTML Example
This example demonstrates the Flower symbol (⚘) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2698";
}
</style>
</head>
<body>
<p>Flower using Hexadecimal: ⚘</p>
<p>Flower using HTML Code: ⚘</p>
<p id="point">Flower using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Flower symbol is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the flower symbol (⚘) in nature and decorative context:
🧠 How It Works
Hexadecimal Code
⚘ uses the Unicode hexadecimal value 2698 to display the Flower symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
⚘ uses the decimal Unicode value 9880 to display the same character.
CSS Entity
\2698 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+2698 is in Miscellaneous Symbols. No named HTML entity—use numeric codes in markup.
Use Cases
The Flower symbol (⚘) is commonly used in:
Floral accents in headers, dividers, and decorative layouts.
Gardening sites, nature blogs, plant guides, and outdoor content.
Weddings, parties, and event pages with floral or botanical themes.
Gift guides, bouquets, and lifestyle content with a natural tone.
Decorate posts, captions, and articles with a flower icon.
Custom bullets for tips, features, or nature-related items.
💡 Best Practices
Do
- Add
aria-label="flower"when the symbol carries meaning - Use the CSS escape in
::before/::afterfor bullets and dividers - Use a font that supports Miscellaneous Symbols (Segoe UI Symbol, etc.)
- Use
⚘or⚘consistently within a project - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ⚘ (flower) with ❦ (floral heart) or 🌼 (blossom emoji)
- Expect a named entity—none exists for U+2698
- Put CSS escape
\2698in HTML text nodes - Rely on the glyph alone without accessible text when it conveys structure
- Mix entity styles randomly in one file
Key Takeaways
Two HTML numeric references plus CSS render ⚘
⚘ ⚘For CSS stylesheets, use the escape in the content property
\2698Unicode U+2698 — FLOWER (white flower)
Miscellaneous Symbols block (U+2600–U+26FF)
Three methods, no named HTML entity
❓ Frequently Asked Questions
⚘ (hex), ⚘ (decimal), or \2698 in CSS content. There is no named entity.U+2698 (FLOWER). Miscellaneous Symbols block (U+2600–U+26FF). Hex 2698, decimal 9880. Also known as the white flower or floral symbol.⚘ or ⚘) go in markup. The CSS escape \2698 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — flowers, nature symbols, and decorative glyphs.
About the author
8 people found this page helpful