HTML Entity for Ballot X (✗)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2717

What Is the Ballot X Entity?

Ballot X (✗) is Unicode U+2717 in the Dingbats block. It is a standalone cross used for “wrong,” “no,” or rejection in quizzes and UI. HTML provides the named entity ✗.

Remember
Character     ✗
Unicode       U+2717
Hex entity    ✗
Decimal       ✗
Named entity  ✗
CSS escape    \2717
Not the same  ☒ U+2612 · × U+00D7 · ✘ U+2718

All of these produce the same glyph: ✗. Prefer ✗ in hand-written HTML; type ✗ in UTF-8 when you can; use numeric or CSS forms for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character✗HTML text (UTF-8)
Named entity✗HTML markup (preferred name)
Hex entity✗HTML markup
Decimal entity✗HTML markup
CSS escape\2717Stylesheet content

When to Use Which

SituationUse
Wrong / no / reject mark (no box)✗ or type ✗
Crossed ballot inside a box☒ (U+2612)
Heavy / bold ballot X✘ (U+2718)
Multiplication sign× (×, U+00D7) — not ballot X
Icon via CSScontent: "\2717" on ::before

Live Preview

Ballot X in quiz and comparison context.

Inline Incorrect ✗   Correct ✓
Large glyph ✗
vs. boxed X ✗ (U+2717)  vs.  ☒ (U+2612)
vs. times ✗ ballot X  vs.  × multiplication
With entities Named: ✗ | Hex: ✗ | Decimal: ✗

Complete HTML Example

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

Hex + Decimal + Named + CSS + Typed

Five ways to produce ✗ in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Ballot X (✗) in HTML</title>
  <style>
    #point::after {
      content: "\2717";
    }
  </style>
</head>
<body>
  <p>Ballot X using Hex Code: &#x2717;</p>
  <p>Ballot X using HTML Code: &#10007;</p>
  <p>Ballot X using Named Entity: &cross;</p>
  <p id="point">Ballot X using CSS Entity: </p>
  <p>Typed directly: ✗</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2717 → &#x2717; in HTML. The browser turns it into ✗.

2. Decimal: same code point as 10007 → &#10007;. Same result as hex.

3. Named: &cross; is the standard HTML name for U+2717 — clear in source.

4. CSS: use \2717 in content (not an HTML entity). #point::after appends that ✗ after the paragraph text.

5. Typed ✗: fine in UTF-8 source. All five lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with the ballot X (✗).

☒

Not ballot box with X

☒ (U+2612) includes a box. ✗ is a bare cross.

×

Not multiplication

Use &times; (×) for math. ✗ is a Dingbat, not the times sign.

✘

Heavy variant exists

✘ (U+2718) is a heavier ballot X — pick one style per UI.

a11y

Add plain-language labels

Screen readers may not say “incorrect.” Pair ✗ with visible text when meaning matters.

CSS vs HTML

Do not mix escapes

\2717 belongs in CSS. &cross; / &#x2717; belong in HTML.

Semicolon

End references

Always finish with ; — write &cross;, not &cross.

Browser Support

Ballot X (U+2717) and its entity forms (&cross;, &#x2717;, &#10007;, CSS \\2717) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Ballot X (✗)

Type ✗, or encode with named, hex, decimal, or CSS escape — same glyph 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+2717 / entities Full support

Bottom line: Prefer &cross; or a typed ✗ for quiz marks. Use numeric forms when generating markup, and \\2717 only inside CSS content.

Key Takeaways

  • Unicode: ballot X is U+2717 (decimal 10007).
  • HTML: prefer &cross; (or &#x2717; / &#10007;).
  • CSS: use \2717 inside content for generated icons.
  • Watch out: ✗ ≠ ☒ ≠ ×.

One line: U+2717 → &cross; / &#x2717; / &#10007; / CSS \2717.

Frequently Asked Questions

Use &#x2717; (hex), &#10007; (decimal), &cross; (named), or the CSS escape \2717 in the content property. All render ✗. You can also paste ✗ directly if your file is UTF-8.
U+2717 (hex 2717, decimal 10007). Unicode names it BALLOT X. It belongs to the Dingbats block.
Yes. &cross; maps to U+2717. Prefer it in hand-written HTML; numeric forms are useful in generated markup.
✗ is a standalone cross (U+2717). ☒ is ballot box with X (U+2612) — a box glyph. Do not substitute them.
No. × is U+00D7 (multiplication sign, often &times;). ✗ is the ballot X dingbat — different character and meaning.
HTML entities (&#10007;, &#x2717;, or &cross;) go in markup. The CSS escape \2717 is used in stylesheets (usually in the content property of ::before/::after). Both render ✗.

Did you know?

Ballot X is Unicode U+2717 (decimal 10007) in the Dingbats block — official name BALLOT X. HTML’s named reference is &cross;. It is not the same as ballot box with X (☒, U+2612) or multiplication sign (×, U+00D7).

Next: Baseball

Learn the HTML entity for the baseball symbol (⚾).

Next tutorial →

About the author

Mari Selvan M P
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.

8 people found this page helpful