HTML Entity for Flower (⚘)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+2698

HTML Entity for flower (U+2698) tutorial illustration

Definition

What Is Flower?

Flower (⚘) is the Unicode character at U+2698 in Miscellaneous Symbols. Official name: FLOWER. It is a classic text flower glyph for nature, gardening, and decorative content.

Remember

Character     ⚘
Unicode       U+2698
Hex entity    &#x2698;
Decimal       &#9880;
CSS escape    \2698
Named entity  (none)
Not the same  ⁕ (flower punct.) · ❦ (floral heart) · emoji flowers

Prefer ⚘ or ⚘ in HTML (no named form). You can also type ⚘ in a UTF-8 document.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Named entity	None	—
Hex entity	`⚘`	HTML markup (preferred)
Decimal entity	`⚘`	HTML markup
Direct character	`⚘`	HTML text (UTF-8)
CSS escape	`\2698`	Stylesheet `content`

When to Use Which

Situation	Use
Classic text flower symbol	`⚘` or type `⚘`
Flower-shaped punctuation	Flower punctuation mark (⁕)
Decorative floral-heart ornament	Floral heart (❦)
Heraldic lily emblem	Fleur-de-lis (⚜)
Generated text via `::before` / `::after`	`content: "\2698"`

See it

Live Preview

Symbol rendered alone, in a sample label, and compared with related floral marks.

Glyph ⚘

Large glyph ⚘

Sample Garden: ⚘

Compared ⚘ ⁕ ❦ ⚜

With entities Hex: ⚘ | Decimal: ⚘

Code

Complete HTML Example

One page that shows Flower with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ⚘ in HTML and CSS.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Flower (U+2698) in HTML</title>
  <style>
    #point::after {
      content: "\2698";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2698;</p>
  <p>Built with Decimal: &#9880;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ⚘</p>
  <p>Garden: &#x2698;</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: ⚘ inserts code point U+2698 → ⚘.

2. Decimal: same code point as 9880 → ⚘. Same visual as hex.

3. CSS: use \2698 in content (not an HTML entity). #point::after appends ⚘.

4. Typed: paste ⚘ in a UTF-8 document, or place it next to a nature label.

Pitfalls & Tips

Common mistakes when working with Flower.

Name

No named entity

There is no HTML5 named entity for U+2698. Use ⚘ or ⚘. Do not invent &flower;.

⁕

Not flower punctuation

U+2055 (⁕) is flower punctuation mark — a General Punctuation character, not the flower emblem.

Emoji

Not emoji flowers

Emoji flower pictographs live in other Unicode blocks and may render as colorful emoji. U+2698 is a classic text symbol.

Font

Font coverage

Miscellaneous Symbols glyphs may be missing in some fonts. Prefer a font with symbol coverage, or use an image/SVG if the glyph must always render.

CSS vs HTML

Do not mix escapes

\2698 belongs in CSS strings. ⚘ / ⚘ belong in HTML.

a11y

Add accessible text

Screen readers may not announce ⚘ clearly. Prefer nearby prose (for example “Flower”) when the symbol carries meaning.

Semicolon

End references

Always finish entities with ; — write ⚘, not &#x2698.

Compatibility

Browser Support

Flower (U+2698) and its entity forms (⚘, ⚘, CSS \\2698) are supported in all mainstream browsers. Visible glyphs depend on Miscellaneous Symbols font coverage.

✓ Universal support

Flower (⚘)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+2698 Full support

Bottom line: Prefer ⚘ in HTML (no named form). Use ⚘ when decimal form is required, and \\2698 only inside CSS content.

Remember

Key Takeaways

Unicode: flower is U+2698 (decimal 9880) — glyph ⚘.
HTML: no named entity — use ⚘ / ⚘ / type ⚘.
CSS: use \2698 inside content for generated text.
Meaning: ⚘ ≠ punct. ⁕ ≠ floral heart ❦ ≠ fleur-de-lis ⚜.

One line: U+2698 → ⚘ / ⚘ / CSS \2698 (no named form).

Frequently Asked Questions

How do I display ⚘ in HTML?

Use ⚘ (hex), ⚘ (decimal), type ⚘ directly in UTF-8, or the CSS escape \2698 in content. There is no named HTML entity for U+2698.

What is the Unicode value for this symbol?

U+2698 (FLOWER). Hex 2698, decimal 9880. It belongs to the Miscellaneous Symbols block (U+2600–U+26FF).

Is there a named HTML entity for the flower symbol?

No. HTML5 does not define a named entity for U+2698. Prefer ⚘ or ⚘.

When should I use U+2698?

Use it for nature, gardening, and decorative floral UI that needs this classic text flower glyph. Prefer flower punctuation mark (U+2055) for that punctuation character, and emoji flowers only when you want emoji styling.

What is the difference between HTML code and CSS entity for U+2698?

HTML numeric entities (⚘ or ⚘) go in markup. The CSS escape \2698 goes in stylesheet strings (usually content on ::before/::after).

Is U+2698 the same as flower punctuation mark or floral heart?

No. U+2698 is ⚘ (flower). Flower punctuation mark is U+2055 (⁕). Floral heart is U+2766 (❦).

Did you know?

Flower is Unicode U+2698 (decimal 9880) — glyph ⚘ (FLOWER) in Miscellaneous Symbols. There is no HTML5 named entity; use ⚘ or ⚘. Do not confuse it with flower punctuation mark (⁕), floral heart (❦), fleur-de-lis (⚜), or emoji flower pictographs.

Next: Flower Punctuation Mark

Learn the HTML entity for flower punctuation mark (U+2055).

Flower punctuation tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Floral Heart HTML Entity | Flower Punctuation Mark