HTML Entity for Heavy Ballot X (✘)
What You'll Learn
How to display the Heavy Ballot X symbol (✘) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2718 (HEAVY BALLOT X) in the Dingbats block (U+2700–U+27BF). It is a bold X used for wrong answers, unchecked items, negative feedback, and “no” or “false” in checklists, quizzes, and forms.
Render it with ✘, ✘, or CSS escape \2718. There is no named HTML entity. Pair with U+2714 (✔, heavy check mark) for correct/incorrect UI. Do not confuse ✘ with the letter x or multiplication sign U+00D7 (×).
⚡ Quick Reference — Heavy Ballot X
U+2718Dingbats block
✘Hexadecimal reference
✘Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2718
Hex code ✘
HTML code ✘
Named entity (none)
CSS code \2718
Meaning Heavy ballot X (wrong / no)
Related U+2714 = heavy check (✔)Complete HTML Example
This example demonstrates the Heavy Ballot X 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: "\2718";
}
</style>
</head>
<body>
<p>Heavy Ballot X using Hexadecimal: ✘</p>
<p>Heavy Ballot X using HTML Code: ✘</p>
<p id="point">Heavy Ballot X using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Ballot X symbol (✘) is widely supported in modern browsers when the font includes Dingbats:
👀 Live Preview
Heavy Ballot X (✘) in context, paired with the heavy check mark (✔):
🧠 How It Works
Hexadecimal Code
✘ uses the Unicode hexadecimal value 2718 to display the Heavy Ballot X. The x prefix indicates hexadecimal format.
Decimal HTML Code
✘ uses the decimal Unicode value 10008 to display the same character.
CSS Entity
\2718 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after for error or unchecked states.
Same visual result
All three methods produce ✘. Unicode U+2718 is in the Dingbats block. Next: Heavy Black Curved Down Right Arrow (➥).
Use Cases
The Heavy Ballot X symbol (✘) is commonly used in:
Unchecked or incomplete items; pair with ✔ for completed tasks.
Mark wrong answers or incorrect options in assessments.
Indicate invalid or incorrect input next to fields that fail validation.
Feature matrices for “no” or “not included” (✘).
Ballot-style UIs for disabled or not-selected options.
Error states, failed checks, or negative status in dashboards.
💡 Best Practices
Do
- Pair ✘ with visible text or
aria-label(e.g. “Incorrect”) - Use ✔ (U+2714) for correct and ✘ (U+2718) for incorrect
- Declare UTF-8 with
<meta charset="utf-8"> - Use color (e.g. red) to reinforce error meaning when appropriate
- Keep one numeric style (hex or decimal) per project
- Test rendering across browsers and fonts
Don’t
- Rely on ✘ alone for accessibility-critical meaning
- Confuse U+2718 (✘) with U+00D7 (×, multiplication sign)
- Use ✘ decoratively where it implies “wrong”
- Expect a named HTML entity for U+2718
- Use CSS
\2718in HTML text nodes
Key Takeaways
Two HTML numeric references plus CSS insert U+2718
✘ ✘For CSS, use \2718 in the content property
Unicode U+2718 — HEAVY BALLOT X (✘)
Pair with heavy check ✔ (U+2714) for yes/no UI
❓ Frequently Asked Questions
✘ (hex), ✘ (decimal), or \2718 in CSS content. There is no named entity. All three methods render the Heavy Ballot X (✘) correctly.U+2718 (HEAVY BALLOT X). Dingbats block. Hex 2718, decimal 10008. The symbol (✘) is a heavy X often used for wrong answers, unchecked items, or negative feedback.✘ or ✘) go in markup. The CSS escape \2718 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