HTML Entity for Check Mark (✓)
What You'll Learn
How to display the Check Mark (✓) in HTML using numeric references and CSS escapes. This character is U+2713 (CHECK MARK) in the Dingbats block (U+2700–U+27BF). It is one of the most common UI symbols for completed tasks, correct answers, and approval.
There is no named HTML entity for U+2713. Use ✓, ✓, or \2713 in CSS content. Do not confuse ✓ with Heavy Check Mark U+2714 (✔) or Ballot Box with Check U+2611 (☑).
⚡ Quick Reference — Check Mark
U+2713Dingbats block
✓Hexadecimal reference
✓Decimal reference
—None (use numeric refs)
Name Value
──────────── ──────────
Unicode U+2713
Hex code ✓
HTML code ✓
Named entity —
CSS code \2713Complete HTML Example
This example shows U+2713 using hexadecimal and decimal references plus a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2713";
}
</style>
</head>
<body>
<p>Check Mark using Hexa Decimal: ✓</p>
<p>Check Mark using HTML Code: ✓</p>
<p id="point">Check Mark using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Check Mark entity is supported in all modern browsers:
👀 Live Preview
See the Check Mark in UI and list contexts:
🧠 How It Works
Hexadecimal Code
✓ uses the Unicode hexadecimal value 2713 to display the Check Mark.
Decimal HTML Code
✓ uses the decimal Unicode value 10003 to display the same character.
CSS Entity
\2713 is used in CSS stylesheets, particularly in the content property of pseudo-elements—for custom list bullets or checkbox styling.
Same visual result
All three methods produce the Check Mark glyph: ✓. Unicode U+2713 sits in the Dingbats block (U+2700–U+27BF).
Use Cases
The Check Mark (✓) commonly appears in:
Completed tasks, done items, and progress indicators in task apps.
Selected options, completed steps, and verified fields.
Correct answers, passed items, and success feedback.
Included features and comparison rows (e.g. ✓ Included).
Verified accounts, approved status, and completed verification steps.
Delivery confirmation and “done” indicators in email UIs.
Pair with “completed” or aria-label so screen readers convey meaning.
💡 Best Practices
Do
- Use
✓or✓consistently in lists and UI - Add
aria-label="Completed"or visible text for assistive tech - Use CSS
\2713in::beforefor custom check list styling - Prefer semantic HTML (
<input type="checkbox" checked>) for real form controls - Choose fonts that support Dingbats (U+2700–U+27BF)
Don’t
- Confuse U+2713 (✓) with U+2714 (✔) or U+2611 (☑)
- Rely on the glyph alone without accessible text in forms
- Put CSS escape
\2713inside HTML text nodes - Use a check mark as the only indicator of required form validation
- Mix entity styles randomly in one file
Key Takeaways
Two HTML references both render ✓
✓ ✓For CSS stylesheets, use the escape in the content property
\2713U+2713 CHECK MARK — Dingbats block
Not the same as heavy check ✔ or ballot box ☑
No named HTML entity — use numeric references only
❓ Frequently Asked Questions
✓ (hex), ✓ (decimal), or \2713 in CSS content. All produce ✓. There is no named HTML entity.U+2713 (CHECK MARK). Dingbats block (U+2700–U+27BF). Hex 2713, decimal 10003. Commonly used for completion, approval, or correct answers.✓ or ✓) go directly in markup. The CSS escape \2713 is used in stylesheets, typically in the content property of pseudo-elements.Explore More HTML Entities!
Discover 1500+ HTML character references — dingbats, symbols, arrows, math operators, and more.
About the author
8 people found this page helpful