HTML Entity for Ballot Box with X (☒)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2612
HTML Entity for ballot box with X (☒) tutorial illustration
Definition

What Is the Ballot Box with X Entity?

Ballot box with X (☒) is Unicode U+2612 in the Miscellaneous Symbols block. It is the crossed / negated ballot-style glyph used for reject, against, or disabled states in static lists and surveys. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ☒
Unicode       U+2612
Hex entity    ☒
Decimal       ☒
Named entity  (none)
CSS escape    \2612
Related       ☐ U+2610 · ☑ U+2611 · ✗ U+2717

All of these produce the same glyph: ☒. Prefer typing ☒ in UTF-8 when you can; use ☒ / ☒ or CSS for generated content. For interactive toggles, use native inputs (or ARIA) with clear labels — not ☒ alone.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character☒HTML text (UTF-8)
Named entityNone—
Hex entity☒HTML markup
Decimal entity☒HTML markup
CSS escape\2612Stylesheet content

When to Use Which

SituationUse
Rejected / against / negated ballot☒ or type ☒
Empty / unchecked ballot☐ (U+2610)
Checked ballot☑ (U+2611)
X mark without a box✗ (U+2717)
Interactive form controlNative input / ARIA — not ☒ alone
See it

Live Preview

Crossed ballot box in list and trio context.

Inline Rejected ☒   Approved ☑
Large glyph ☒
Ballot trio ☐ empty   ☑ check   ☒ X
Vote style Against: ☒   For: ☑
With entities Hex: ☒ | Decimal: ☒
Code

Complete HTML Example

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

Hex + Decimal + CSS + Typed

Four ways to produce ☒ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Ballot Box with X (☒) in HTML</title>
  <style>
    #point::after {
      content: "\2612";
    }
  </style>
</head>
<body>
  <p>Ballot X-box using Hex Code: &#x2612;</p>
  <p>Ballot X-box using HTML Code: &#9746;</p>
  <p id="point">Ballot X-box using CSS Entity: </p>
  <p>Typed directly: ☒</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2612 → &#x2612; in HTML. The browser turns it into ☒.

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

3. CSS: use \2612 in content (not an HTML entity). #point::after appends that ☒ after the paragraph text.

4. Typed ☒: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with the ballot box with X (☒).

Named

No &name; form

U+2612 has no standard named entity — use &#x2612; or &#9746;.

a11y

Not a real control

For forms, use native inputs or ARIA with clear labels. ☒ is a glyph, not a toggle.

☐ / ☑

Know the ballot trio

Empty ☐, check ☑, X ☒ — different code points.

✗

Not bare ballot X

✗ (U+2717) has no box — different character from ☒.

CSS vs HTML

Do not mix escapes

\2612 belongs in CSS. &#x2612; / &#9746; belong in HTML.

Semicolon

End references

Always finish with ; — write &#x2612;, not &#x2612.

Compatibility

Browser Support

Ballot box with X (U+2612) and its entity forms (&#x2612;, &#9746;, CSS \\2612) are supported in all mainstream browsers. Glyph quality depends on font support for Miscellaneous Symbols.

✓ Universal support

Ballot Box with X (☒)

Type ☒, or encode with 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+2612 / entities Full support

Bottom line: Prefer a typed ☒ or &#x2612; for static rejected ballots. Use decimal when generating markup, and \\2612 only inside CSS content.

Remember

Key Takeaways

  • Unicode: ballot box with X is U+2612 (decimal 9746).
  • HTML: use &#x2612; or &#9746; (no named entity).
  • CSS: use \2612 inside content for generated icons.
  • Watch out: ☒ ≠ ✗ (no box) — and ☒ is not a real form control.

One line: U+2612 → &#x2612; / &#9746; / CSS \2612.

Frequently Asked Questions

Use &#x2612; (hex), &#9746; (decimal), or the CSS escape \2612 in the content property. All render ☒. You can also paste ☒ directly if your file is UTF-8. There is no standard named entity.
U+2612 (hex 2612, decimal 9746). Unicode names it BALLOT BOX WITH X. It belongs to the Miscellaneous Symbols block.
No. HTML5 / WHATWG does not define a named character reference for U+2612. Prefer &#x2612;, &#9746;, or a typed ☒ in UTF-8.
No for interactive forms. Use native inputs (or ARIA) with clear labels. Use ☒ as a visual glyph for rejected / negated / disabled states in static lists — not as the only control.
☒ is ballot box with X (U+2612). ☐ is empty (U+2610). ☑ is checked (U+2611). ✗ is ballot X without a box (U+2717) — a different character.
HTML entities (&#9746; or &#x2612;) go in markup. The CSS escape \2612 is used in stylesheets (usually in the content property of ::before/::after). Both render ☒.

Did you know?

Ballot box with X is Unicode U+2612 (decimal 9746) in the Miscellaneous Symbols block — official name BALLOT BOX WITH X. There is no standard named HTML entity. It pairs with empty ☐ (U+2610) and checked ☑ (U+2611). For interactive controls, prefer native inputs — do not use ☒ alone as a toggle.

Next: Ballot X

Learn the HTML entity for the ballot X (✗).

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Ballot Box with Check HTML Entity | Ballot X