HTML Entity for Heavy Asterisk (✱)
What You'll Learn
How to display the Heavy Asterisk symbol (✱) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2731 (HEAVY ASTERISK) in the Dingbats block (U+2700–U+27BF). It is a bold, filled asterisk that stands out more than the standard asterisk and works well for bullets, ratings, footnotes, and decorative typography.
Render it with ✱, ✱, or CSS escape \2731. There is no named HTML entity. Do not confuse ✱ with U+002A (*, standard asterisk) or star glyphs like U+2605 (★, black star).
⚡ Quick Reference — Heavy Asterisk
U+2731Dingbats block
✱Hexadecimal reference
✱Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2731
Hex code ✱
HTML code ✱
Named entity (none)
CSS code \2731
Meaning Heavy asterisk (bold)
Related U+002A = asterisk (*)Complete HTML Example
This example demonstrates the Heavy Asterisk 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: "\2731";
}
</style>
</head>
<body>
<p>Heavy Asterisk using Hexadecimal: ✱</p>
<p>Heavy Asterisk using HTML Code: ✱</p>
<p id="point">Heavy Asterisk using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Asterisk symbol (✱) is widely supported in modern browsers when the font includes Dingbats:
👀 Live Preview
Heavy Asterisk (✱) in context, compared with the standard asterisk (*):
🧠 How It Works
Hexadecimal Code
✱ uses the Unicode hexadecimal value 2731 to display the Heavy Asterisk. The x prefix indicates hexadecimal format.
Decimal HTML Code
✱ uses the decimal Unicode value 10033 to display the same character.
CSS Entity
\2731 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for list markers or labels.
Same visual result
All three methods produce ✱. Unicode U+2731 is in the Dingbats block. Next: Heavy Ballot X (✘).
Use Cases
The Heavy Asterisk symbol (✱) is commonly used in:
Stylish list markers that stand out more than standard dots or asterisks.
Featured items, picks, or emphasis in product and review content.
Reference markers in articles, papers, and documentation.
Section dividers, title embellishments, and callout typography.
Form labels when a bolder required marker is desired (e.g. Name ✱).
Style guides and custom typography where a heavy asterisk fits the visual style.
💡 Best Practices
Do
- Pair ✱ with text or
aria-labelfor required fields and footnotes - Use
::beforewithcontent: "\2731"for list markers - Declare UTF-8 with
<meta charset="utf-8"> - Verify fonts support U+2731 for consistent rendering
- Use one numeric style (hex or decimal) per project
- Test rendering across browsers and devices
Don’t
- Confuse U+2731 (✱) with U+002A (
*, standard asterisk) - Rely on ✱ alone for accessibility-critical meaning
- Expect a named HTML entity for U+2731
- Use CSS
\2731in HTML text nodes - Assume every font renders the Dingbat glyph identically
Key Takeaways
Two HTML numeric references plus CSS insert U+2731
✱ ✱For CSS, use \2731 in the content property
Unicode U+2731 — HEAVY ASTERISK (✱)
Not the same as standard asterisk U+002A (*)
Next: Heavy Ballot X (✘)
❓ Frequently Asked Questions
✱ (hex), ✱ (decimal), or \2731 in CSS content. There is no named entity. All three methods render the Heavy Asterisk (✱) correctly.U+2731 (HEAVY ASTERISK). Dingbats block. Hex 2731, decimal 10033. The symbol (✱) is a bold, filled asterisk often used for emphasis, bullet points, or ratings.✱ or ✱) go in markup. The CSS escape \2731 is used in stylesheets, typically on ::before or ::after. Both produce ✱.✱) or decimal (✱) codes, which is standard for such characters.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful