Cross Mark Symbol

Click any cross mark or X mark symbol below to copy it, with its Unicode codepoint, HTML entity, CSS content value, and URL-encoded form.

Use the Cross Mark Symbol

Click a symbol to copy

Format reference

Symbol Name Unicode HTML Entity CSS Content URL Encoded
✗ Ballot X U+2717 ✗ "\2717" %E2%9C%97
✘ Heavy Ballot X U+2718 ✘ "\2718" %E2%9C%98
✕ Multiplication X U+2715 ✕ "\2715" %E2%9C%95
✖ Heavy Multiplication X U+2716 ✖ "\2716" %E2%9C%96
☒ Ballot Box with X U+2612 ☒ "\2612" %E2%98%92
❌ Cross Mark (Emoji) U+274C ❌ "\274C" %E2%9D%8C
❎ Negative Squared Cross Mark (Emoji) U+274E ❎ "\274E" %E2%9D%8E

Common uses

To-do list
✗ Buy groceries
✓ Finish report
Form validation
❌ Email address is invalid
Voting ballot
☒ Candidate A
☐ Candidate B

Keyboard input methods

Windows

Hold Alt and type 10007 on the numeric keypad, or press Win + . and search "cross" or "x mark".

Mac

Press Control + Command + Space to open Character Viewer, search "cross mark", then double-click it.

Linux

Press Ctrl + Shift + U, type 2717, then press Enter or Space.

Word / Office

Type 2717 then press Alt + X to convert it to the ballot X symbol.

Copied!

Summary

This page lists the cross mark and X mark symbols available in Unicode, from the plain ballot X to the heavy multiplication X and the colored cross mark emoji. Each entry shows the character alongside its codepoint, HTML entity, CSS content value, and URL-encoded bytes, plus how to type it on Windows, Mac, and Linux without copying.

How it works

  1. Browse the grid of cross mark and X mark symbol variants.
  2. Click a symbol card to copy that character to your clipboard.
  3. Use the Unicode, HTML entity, CSS content, or URL-encoded value shown in the table for code or markup.
  4. Follow the keyboard method for your OS to type the symbol directly.

Use cases

  • Mark a rejected or incomplete item in a to-do list or checklist.
  • Show an invalid-field indicator next to a form input.
  • Mark a spoiled or unselected choice on a voting ballot.
  • Insert the correct HTML entity for a cross mark in a web page.
  • Look up the CSS content value to render a cross mark with ::before or ::after.
  • Find the keyboard shortcut to type a cross mark without copy-paste.

Frequently Asked Questions

Last updated: 2026-09-09 · Reviewed by Nham Vu