HTML Entity for Ballot X (✗)
What You'll Learn
How to display the ballot X (✗) — Unicode U+2717, ballot X — in HTML using the named reference ✗, numeric character references, and CSS escapes. It lives in the Dingbats block (U+2700–U+27BF) and is widely used for “wrong,” “no,” or rejection alongside quiz and form UI.
Do not confuse ✗ (U+2717) with ☒ (U+2612, ballot box with X): the latter is a box glyph; the ballot X is a standalone cross. You can write it as ✗, ✗, ✗, or \2717 in CSS content.
⚡ Quick Reference — Ballot X
U+2717Dingbats block
✗Hexadecimal reference
✗Decimal reference
✗Cross mark (readable)
Name Value
──────────── ──────────
Unicode U+2717
Hex code ✗
HTML code ✗
Named entity ✗
CSS code \2717Complete HTML Example
This example demonstrates the ballot X using hexadecimal code, decimal code, the named entity ✗, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2717";
}
</style>
</head>
<body>
<p>Ballot X using Hexa Decimal: ✗</p>
<p>Ballot X using HTML Code: ✗</p>
<p>Ballot X using HTML Entity: ✗</p>
<p id="point">Ballot X using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The ballot X and ✗ are supported in all modern browsers:
👀 Live Preview
See the ballot X (✗) and how it differs from the boxed X dingbat:
🧠 How It Works
Hexadecimal Code
✗ references code point U+2717 using hex digits 2717 after the #x prefix.
Decimal HTML Code
✗ is the decimal form (10007) for the same ballot X character.
Named Entity
✗ is the HTML5 named character reference for U+2717 and is often the clearest choice in authored markup.
CSS Entity
\2717 is the CSS escape for U+2717, used in the content property of ::before or ::after.
Same visual result
All four methods produce the ballot X: ✗. It is not the same code point as ☒ (U+2612).
Use Cases
The ballot X (✗) is commonly used for:
No / against / rejected choices in static or illustrative results.
Wrong-answer markers next to correct ✓ ticks.
Items that failed validation or were declined.
Compact “remove” or “incorrect” affordances when paired with text.
Feature matrices (“not supported”) and exclusion lists.
A single Unicode cross that renders without loading icon fonts.
Always add visible text or aria-label (“Incorrect,” “No”) so the mark is not the only cue.
💡 Best Practices
Do
- Prefer
✗in hand-authored HTML for readability - Pair ✗ with ✓ (U+2713, check) for symmetric right/wrong rows
- State explicitly when you mean ballot X (U+2612 box) vs bare cross (U+2717)
- Use
\2717only inside CSS, not pasted into HTML text - Keep one numeric style (hex or decimal) per document when not using
✗
Don’t
- Use ✗ as the only signal for form validation errors (add text and
role="alert"where needed) - Confuse ✗ with multiplication
×or heavy multiplication⨯(different entity) - Assume every font draws U+2717 with identical stroke weight
- Mix ✗ and ☒ interchangeably without telling readers the semantic difference
- Rely on color alone (e.g. red ✗) without textual meaning
Key Takeaways
Four references all render U+2717
✗ ✗ ✗In CSS content, use the escape
\2717U+2717 is the ballot X dingbat; U+2612 is ballot box with X
Pair with check (✓) or explanatory copy for quiz and survey layouts
Expose errors to assistive tech with words—glyphs decorate, they should not replace semantics
❓ Frequently Asked Questions
✗ (named), ✗ (hex), ✗ (decimal), or \2717 in CSS content. All valid methods render ✗.U+2717 (hex 2717, decimal 10007). It is in the Dingbats block and is not the same as ☒ (U+2612).✗ belong in HTML. The \2717 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.✗ maps to U+2717. Hex and decimal numeric references are equivalent alternatives.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful