HTML Entity for Ballot Box with X (☒)
What You'll Learn
How to display the ballot box with X (☒) in HTML using numeric character references and CSS. This symbol is U+2612 in the Miscellaneous Symbols block (roughly U+2600–U+26FF). It reads as a negated, rejected, or disabled ballot-style mark in forms, surveys, and lists.
There is no named HTML entity for this character. Use ☒ or ☒ in markup, or \2612 in stylesheet content on pseudo-elements.
⚡ Quick Reference — Ballot Box with X
U+2612Miscellaneous Symbols
☒Hexadecimal reference
☒Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2612
Hex code ☒
HTML code ☒
Named entity —
CSS code \2612Complete HTML Example
This example demonstrates the ballot box with X using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2612";
}
</style>
</head>
<body>
<p>Ballot Box X using Hexa Decimal: ☒</p>
<p>Ballot Box X using HTML Code: ☒</p>
<p id="point">Ballot Box X using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2612 is widely supported wherever Unicode Miscellaneous Symbols render correctly:
👀 Live Preview
See the ballot box with X rendered live and compared to related ballot glyphs:
🧠 How It Works
Hexadecimal Code
☒ references code point U+2612 using hex digits 2612 after the #x prefix.
Decimal HTML Code
☒ is the decimal equivalent (9746) for the same ballot-box-with-X glyph.
CSS Entity
\2612 is the CSS escape for U+2612, used in the content property of ::before or ::after.
Same visual result
Hex, decimal, and CSS escapes all produce ☒. There is no named HTML entity. For real toggles, expose state with native inputs or ARIA—use ☒ only where a static dingbat is appropriate.
Use Cases
The ballot box with X (☒) is commonly used for:
Options that are off, rejected, or unavailable in read-only summaries.
To-do lists where an item is struck from scope without a bitmap icon.
No / against / veto styling in mockups or static results.
Decorative rejected state on styled rows (always mirror real state for AT).
Exclusion lists and “do not” callouts in plaintext-heavy HTML.
Simple ballot trio with ☐ and ☑ in exported layouts.
Pair ☒ with visible text or aria-checked / labels—never rely on the symbol alone for meaning.
💡 Best Practices
Do
- Use real
<input type="checkbox">(withdisabled/aria-disabled) for interactive rejection states - Pair ☒ with words like “No,” “Rejected,” or “Disabled”
- Keep ☐ (U+2610), ☑ (U+2611), and ☒ (U+2612) visually consistent in the same form
- Stick to one numeric style (hex or decimal) per document
- Test at small sizes in tables and dense lists
Don’t
- Use only ☒ to convey disabled form state without programmatic disabled semantics
- Assume screen readers announce ☒ as “rejected” without context
- Use CSS escapes inside HTML text nodes
- Confuse ☒ with generic multiplication
×or the heavy ballot X variant fonts may offer - Overload one screen with competing dingbat marks
Key Takeaways
Two numeric references render the same glyph
☒ ☒In CSS content, use the escape
\2612Unicode U+2612 is ballot box with X; no standard named entity
Combine with U+2610 / U+2611 when you need empty, checked, and X ballot marks
Prefer native controls plus text for anything users must toggle or submit
❓ Frequently Asked Questions
☒ (hex), ☒ (decimal), or \2612 in CSS content. There is no named entity; all valid methods render ☒.U+2612 (hex 2612, decimal 9746). It lives in the Miscellaneous Symbols block.\2612 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.☒, ☒, or \2612 in CSS depending on whether you are authoring markup or styles.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