HTML Entity for Ballot Box with Check (☑)

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

What Is the Ballot Box with Check Entity?

Ballot box with check (☑) is Unicode U+2611 in the Miscellaneous Symbols block. It is the checked ballot / selected checkbox-style glyph used in surveys, print lists, and static UI. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

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

All of these produce the same glyph: ☑. Prefer typing ☑ in UTF-8 when you can; use &#x2611; / &#9745; or CSS for generated content. For interactive checkboxes, use <input type="checkbox" checked> with a real <label>.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character☑HTML text (UTF-8)
Named entityNone—
Hex entity&#x2611;HTML markup
Decimal entity&#9745;HTML markup
CSS escape\2611Stylesheet content

When to Use Which

SituationUse
Checked / selected ballot glyph&#x2611; or type ☑
Empty / unchecked ballot☐ (U+2610)
Ballot with X☒ (U+2612)
Interactive form control<input type="checkbox" checked> + <label>
Icon via CSScontent: "\2611" on ::before

Live Preview

Checked ballot box in list and trio context.

Inline Option A ☑ selected
Large glyph ☑
Ballot trio ☐ empty   ☑ check   ☒ X
Yes / No style Yes ☑    No ☐
With entities Hex: ☑ | Decimal: ☑

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 Check (☑) in HTML</title>
  <style>
    #point::after {
      content: "\2611";
    }
  </style>
</head>
<body>
  <p>Ballot check using Hex Code: &#x2611;</p>
  <p>Ballot check using HTML Code: &#9745;</p>
  <p id="point">Ballot check using CSS Entity: </p>
  <p>Typed directly: ☑</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2611 → &#x2611; in HTML. The browser turns it into ☑.

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

3. CSS: use \2611 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 check (☑).

Named

No &name; form

U+2611 has no standard named entity — use &#x2611; or &#9745;.

a11y

Not a real checkbox

For forms, use <input type="checkbox" checked> with a <label>. ☑ is a glyph, not a control.

☐ / ☒

Know the ballot trio

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

Fonts

Check symbol coverage

Some UI fonts omit a polished U+2611. Prefer fonts with solid Miscellaneous Symbols coverage.

CSS vs HTML

Do not mix escapes

\2611 belongs in CSS. &#x2611; / &#9745; belong in HTML.

Semicolon

End references

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

Browser Support

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

✓ Universal support

Ballot Box with Check (☑)

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+2611 / entities Full support

Bottom line: Prefer a typed ☑ or &#x2611; for static checked ballots. Use decimal when generating markup, and \\2611 only inside CSS content.

Key Takeaways

  • Unicode: ballot box with check is U+2611 (decimal 9745).
  • HTML: use &#x2611; or &#9745; (no named entity).
  • CSS: use \2611 inside content for generated icons.
  • Watch out: ☑ is a glyph — use real checkboxes for forms.

One line: U+2611 → &#x2611; / &#9745; / CSS \2611.

Frequently Asked Questions

Use &#x2611; (hex), &#9745; (decimal), or the CSS escape \2611 in the content property. All render ☑. You can also paste ☑ directly if your file is UTF-8. There is no standard named entity.
U+2611 (hex 2611, decimal 9745). Unicode names it BALLOT BOX WITH CHECK. It belongs to the Miscellaneous Symbols block.
No. HTML5 / WHATWG does not define a named character reference for U+2611. Prefer &#x2611;, &#9745;, or a typed ☑ in UTF-8.
No for interactive forms. Use <input type="checkbox" checked> with a <label>. Use ☑ as a visual glyph in static lists, prints, or icons — not as the only control.
☑ is checked (U+2611). ☐ is empty (U+2610). ☒ is ballot box with X (U+2612). They are consecutive code points for a coherent ballot trio.
HTML entities (&#9745; or &#x2611;) go in markup. The CSS escape \2611 is used in stylesheets (usually in the content property of ::before/::after). Both render ☑.

Did you know?

Ballot box with check is Unicode U+2611 (decimal 9745) in the Miscellaneous Symbols block — official name BALLOT BOX WITH CHECK. There is no standard named HTML entity. It pairs with empty ☐ (U+2610) and ☒ (U+2612). For interactive controls, prefer <input type="checkbox" checked> with a real label.

Next: Ballot Box with X

Learn the HTML entity for the ballot box with 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.

8 people found this page helpful