How-to guide

Check mark symbols to copy and paste

Need a check mark symbol for to-do lists, forms, or status indicators? This page collects the most commonly searched Unicode check mark characters — tick marks, crosses, ballot boxes, and emoji check marks — ready to copy and paste into any document, website, message, or code.

Click to copy check mark symbols

Click any check mark to copy it instantly. Hover and select i for full encoding details.

ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
ℹ
Copied to clipboard

See the full collection: all 17 check mark and cross symbols.

Common check mark symbols and their codes

Popular check mark symbols with Unicode and HTML codes
SymbolNameUnicodeHTML
Check markU+2713✓ ✓
Heavy check markU+2714✔
Ballot box with checkU+2611☑
☐Ballot box (empty checkbox)U+2610☐
Ballot box with XU+2612☒
✅White heavy check mark (emoji)U+2705✅
Ballot XU+2717✗ ✗
Heavy ballot XU+2718✘
❌Cross mark (emoji)U+274C❌
❎Cross mark button (emoji)U+274E❎

Text presentation vs emoji presentation

Unicode includes two kinds of check mark symbols: text presentation characters and emoji presentation characters.

  • Text check marks (✓ U+2713, ✔ U+2714, ☑ U+2611, ☐ U+2610, ☒ U+2612, ✗ U+2717, ✘ U+2718) render as monochrome glyphs in your current text color. They scale with font size, can be styled with CSS, and work reliably in user interfaces, code comments, and plain text contexts. These are ideal for to-do lists, forms, checklists, and status indicators where you need consistent styling.
  • Emoji check marks (✅ U+2705, ❌ U+274C, ❎ U+274E) are color emoji that render with platform-specific styling. ✅ typically appears as a white check mark on a green background, ❌ usually appears as a red X, and ❎ usually appears as a white X in a green box. Their exact appearance varies by operating system and app. Use emoji check marks for expressive, eye-catching content in messages and social media.
  • Special case: variation selectors — Some check mark characters can switch between text and emoji presentation with variation selectors. U+FE0E forces text presentation, while U+FE0F forces emoji presentation. For example, ✔ (text) vs ✔️ (emoji). Most fonts and systems handle the base character appropriately, but you can append these selectors for explicit control.

How to type check mark symbols on different platforms

Windows

Press Windows key + . (period) or Windows key + ; (semicolon) to open the emoji picker and search for check marks. In Microsoft Word, you can type the hex code (2713 for ✓, 2714 for ✔) followed by Alt+X. You can also use the Character Map app to browse all available check marks, or copy from this page.

macOS

Press Control + Command + Space to open the Character Viewer, then search for "check" to browse and insert any check mark symbol. The viewer shows both text and emoji check marks with full color previews.

Google Docs

In Google Docs, go to Insert → Special characters, then search for "check" or "ballot" to find and insert check marks. Alternatively, copy from this page and paste directly into your document.

iOS & Android

Tap the emoji button on your keyboard (often a smiley face icon 🙂 or 😀), then search for "check" to find ✔️, ☑️, ✅, ❌, and ❎. Most phone keyboards don't include a plain text ✓, so copying from this page is the easiest way to get it.

Tip: For consistent results across all platforms and applications, copying from this page or using HTML entities in web content is the most reliable method.

Using check marks in HTML and CSS

Check mark symbols can be embedded in HTML using numeric or named entities, and styled with CSS like any other text character.

HTML example: to-do list with check marks

<ul class="checklist">
  <li class="done">&#10003; Complete project proposal</li>
  <li class="done">&#10003; Review design mockups</li>
  <li class="pending">&#9744; Submit final deliverables</li>
</ul>

<!-- Or use named entities -->
<div class="status">
  &check; Task completed
</div>

CSS styling example: custom check mark list

.checklist {
  list-style: none;
  padding-left: 0;
}

.checklist li::before {
  content: "\2713"; /* Unicode escape for ✓ */
  color: #22c55e; /* green */
  font-weight: bold;
  margin-right: 0.5rem;
}

.checklist li.pending::before {
  content: "\2610"; /* Unicode escape for ☐ */
  color: #9ca3af; /* gray */
}

/* Custom checkbox styling */
.checkbox-label::before {
  content: "\2714"; /* Heavy check mark */
  display: inline-block;
  width: 1.2em;
  text-align: center;
  color: transparent;
  border: 2px solid #d1d5db;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}

.checkbox-label.checked::before {
  color: white;
  background-color: #10b981;
  border-color: #10b981;
}

Each check mark symbol on this page has a dedicated detail page with complete encoding tables. For example, see ✓ check mark (U+2713) for JavaScript escapes, Python literals, CSS content values, UTF-8 bytes, and more.

More Unicode symbols to explore

Looking for symbols beyond check marks? Unicode Library catalogs thousands of copy-and-paste characters across dozens of categories.

Frequently asked questions

How do I copy and paste a check mark symbol?

Click any check mark symbol on this page to instantly copy it to your clipboard, then paste it anywhere using Ctrl+V (Windows/Linux) or Cmd+V (Mac). Check mark symbols are standard Unicode characters that work in all modern apps, browsers, and operating systems.

What is the difference between ✓ and ✔?

✓ (U+2713) is the check mark, a standard text-presentation character that renders as a monochrome glyph in your current font color. ✔ (U+2714) is the heavy check mark, which is visually bolder and thicker. Both are text characters. For a colored emoji check mark, use ✅ (U+2705), which typically renders as a white check mark on a green background.

What is the HTML code for the check mark ✓?

The check mark ✓ can be inserted in HTML using &check; (named entity), &#10003; (decimal), or &#x2713; (hex). The heavy check mark ✔ is &#10004; or &#x2714;. The ballot box with check ☑ is &#9745; or &#x2611;. The white heavy check mark emoji ✅ is &#9989; or &#x2705;.

How do I type a check mark on my keyboard?

On Windows, press Windows key + . (period) to open the emoji picker and search for check marks. In Microsoft Word, type 2713 then press Alt+X for ✓, or 2714 then Alt+X for ✔. You can also use Character Map to browse all available check marks. On Mac, press Control+Command+Space to open the Character Viewer and search 'check'. On mobile devices, use your keyboard's emoji panel. For reliable cross-platform use, copy and paste from this page or use HTML entities in web content.

What is the difference between text check marks and emoji check marks?

Text presentation check marks (✓ U+2713, ✔ U+2714, ☑ U+2611, ☐ U+2610, ☒ U+2612) render as monochrome glyphs in the current font color and work well in plain text, code, and user interfaces. Emoji presentation check marks (✅ U+2705, ❌ U+274C, ❎ U+274E) are color emoji that render with platform-specific styling — typically a white check on green for ✅, a red X for ❌, and a white X in a green box for ❎. Choose text check marks for consistent, colorable symbols and emoji check marks for decorative, expressive use.

How do I insert check marks in HTML lists?

You can use check marks as custom list markers in CSS: set list-style: none; on your list, then add check marks using ::before pseudo-elements with content: '\2713'; (for ✓). Alternatively, use the HTML entities directly in your list items. For accessibility, ensure the check mark conveys meaning visually but also provide text alternatives or aria-label attributes when the check mark alone represents important information.

Quick links