HTML Entity for Ballot Box with Check (☑)
What You'll Learn
How to display the ballot box with check (☑) in HTML using numeric character references and CSS. This symbol is U+2611 in the Miscellaneous Symbols block (roughly U+2600–U+26FF) and reads as a checked ballot or checkbox-style mark in forms, surveys, and lists.
There is no named HTML entity for this character. Use ☑ or ☑ in markup, or \2611 in stylesheet content on pseudo-elements.
⚡ Quick Reference — Ballot Box with Check
U+2611Miscellaneous Symbols
☑Hexadecimal reference
☑Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2611
Hex code ☑
HTML code ☑
Named entity —
CSS code \2611Complete HTML Example
This example demonstrates the ballot box with check using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2611";
}
</style>
</head>
<body>
<p>Ballot Box Check using Hexa Decimal: ☑</p>
<p>Ballot Box Check using HTML Code: ☑</p>
<p id="point">Ballot Box Check using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2611 is widely supported wherever Unicode Miscellaneous Symbols render correctly:
👀 Live Preview
See the ballot box with check rendered live in different contexts:
🧠 How It Works
Hexadecimal Code
☑ references code point U+2611 using hex digits 2611 after the #x prefix.
Decimal HTML Code
☑ is the decimal equivalent (9745) for the same ballot-box-with-check glyph.
CSS Entity
\2611 is the CSS escape for U+2611, 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 form semantics prefer <input type="checkbox"> plus accessible labels, and use ☑ only where a static dingbat is appropriate.
Use Cases
The ballot box with check (☑) is commonly used for:
Showing a checked choice when the UI is read-only or print-friendly.
Marking completed tasks next to plain text without image sprites.
Indicating a selected option in mockups or results summaries.
Decorative checked state on styled rows (always expose real state to AT).
Static “done” markers in guides or plaintext-heavy HTML.
Checklist previews that must match a simple Unicode glyph set.
Pair ☑ with visible text or aria-checked on real controls—never rely on the symbol alone for state.
💡 Best Practices
Do
- Use
<input type="checkbox">(orrole="checkbox") for interactive forms - Pair ☑ with words like “Yes” or “Selected” for clarity
- Use
☐(U+2610) for empty ballot box next to☑when showing both states - Stick to one numeric style (hex or decimal) per document
- Verify fonts render U+2611 crisply at small sizes in tables
Don’t
- Replace accessible native checkboxes with only a Unicode glyph
- Assume screen readers announce ☑ as “checked” without context
- Use CSS escapes inside HTML text nodes
- Mix many different check dingbats in one form (confusing visually)
- Forget keyboard focus styles when building custom checkbox patterns
Key Takeaways
Two numeric references render the same glyph
☑ ☑In CSS content, use the escape
\2611Unicode U+2611 is ballot box with check; no standard named entity
For real toggles, expose state with native inputs or ARIA—use ☑ as decoration or static copy
Pair with U+2610 (☐) when you need empty vs checked ballot boxes
❓ Frequently Asked Questions
☑ (hex), ☑ (decimal), or \2611 in CSS content. There is no named entity; all valid methods render ☑.U+2611 (hex 2611, decimal 9745). It lives in the Miscellaneous Symbols block.\2611 escape belongs in stylesheets (for example on pseudo-elements). Do not paste CSS escapes into HTML text nodes.☑, ☑, or \2611 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