HTML Entity for Four Teardrop Spoked Asterisk (✢)
What You'll Learn
How to display the Four Teardrop Spoked Asterisk (✢) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2722 (FOUR TEARDROP-SPOKED ASTERISK) in the Dingbats block (U+2700–U+27BF)—a decorative asterisk variant with teardrop-shaped spokes, ideal for creative typography, list markers, and design elements.
Render it with ✢, ✢, or CSS escape \2722. There is no named HTML entity. Do not confuse ✢ with ✣ (balloon spoked, U+2723), ✤ (U+2724), or ✥ (U+2725)—later code points in the same spoked-asterisk series.
⚡ Quick Reference — Four Teardrop Spoked Asterisk
U+2722Dingbats block
✢Hexadecimal reference
✢Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2722
Hex code ✢
HTML code ✢
Named entity (none)
CSS code \2722
Meaning Decorative teardrop spoked asterisk
Related U+2723 = Balloon (✣); U+2724 = Club (✤)Complete HTML Example
This example demonstrates the Four Teardrop Spoked Asterisk (✢) 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: "\2722";
}
</style>
</head>
<body>
<p>Four Teardrop Spoked Asterisk using Hexadecimal: ✢</p>
<p>Four Teardrop Spoked Asterisk using HTML Code: ✢</p>
<p id="point">Four Teardrop Spoked Asterisk using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Four Teardrop Spoked Asterisk is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the four teardrop spoked asterisk (✢) as a decorative bullet and compared with related Dingbats:
🧠 How It Works
Hexadecimal Code
✢ uses the Unicode hexadecimal value 2722 to display the Four Teardrop Spoked Asterisk. The x prefix indicates hexadecimal format.
Decimal HTML Code
✢ uses the decimal Unicode value 10018 to display the same character.
CSS Entity
\2722 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+2722 is in Dingbats. No named HTML entity—use numeric codes in markup.
Use Cases
The Four Teardrop Spoked Asterisk (✢) is commonly used in:
Headers, section dividers, and creative text styling with a distinctive spoked asterisk.
Custom bullet points for lists, feature highlights, or menu items.
Logos, icons, and visual motifs using a unique teardrop-spoked symbol.
Wedding invites, event flyers, and greeting cards with decorative symbols.
Footnotes, highlights, or special callout markers in articles and docs.
Cross-browser symbol display without image assets.
💡 Best Practices
Do
- Add
aria-label="teardrop spoked asterisk"when the symbol carries meaning - Use the CSS escape in
::before/::afterfor bullets and dividers - Ensure fonts support Dingbats (Segoe UI Symbol, etc.)
- Use
✢or✢consistently within a project - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ✢ (teardrop) with ✣ (balloon), ✤, or ✥
- Expect a named entity—none exists for U+2722
- Put CSS escape
\2722in HTML text nodes - Use 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
\2722Unicode U+2722 — FOUR TEARDROP-SPOKED ASTERISK
Dingbats block (U+2700–U+27BF)
Three methods, no named HTML entity
❓ Frequently Asked Questions
✢ (hex), ✢ (decimal), or \2722 in CSS content. There is no named entity.U+2722 (FOUR TEARDROP-SPOKED ASTERISK). Dingbats block (U+2700–U+27BF). Hex 2722, decimal 10018. A decorative asterisk with teardrop-shaped spokes.✢ or ✢) go in markup. The CSS escape \2722 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 — Dingbats, decorative symbols, and more.
About the author
8 people found this page helpful