What is the Unicode codepoint for the cross mark symbol?

The ballot X (\xE2\x9C\x97) is U+2717. The heavy ballot X (\xE2\x9C\x98) is U+2718. The colored cross mark emoji (\xE2\x9D\x8C) is U+274C.

What is the HTML entity for a cross mark?

Use ✗ for the ballot X (\xE2\x9C\x97) or ✘ for the heavy ballot X (\xE2\x9C\x98). There is no short named entity for these in HTML5, so the numeric form is required.

How do I use a cross mark in CSS?

Set content: "\2717"; on a ::before or ::after pseudo-element, using the hex codepoint without the U+ prefix.

How do I type a cross mark on Windows?

Hold Alt and type 10007 on the numeric keypad, or use the Windows emoji panel (Win + .) and search "cross" or "x mark".

How do I type a cross mark on Mac?

Open Character Viewer with Control + Command + Space and search "cross mark", then double-click the symbol to insert it.

Is the cross mark the same as the multiplication sign?

No. The multiplication X (\xE2\x9C\x95, U+2715) is meant for math expressions, while the ballot X (\xE2\x9C\x97) and cross mark emoji (\xE2\x9D\x8C) are meant to indicate rejection, an error, or "no".

Which cross mark should I use in a form validation message?

Plain-text UIs typically use the ballot X (\xE2\x9C\x97) or heavy ballot X (\xE2\x9C\x98) styled in red, while chat apps and emoji-aware UIs often use the cross mark emoji (\xE2\x9D\x8C) directly.

Cross Mark Symbol

Name: Cross Mark Symbol
Availability: InStock
Author: Nham Vu

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.

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

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.

How it works

Browse the grid of cross mark and X mark symbol variants.
Click a symbol card to copy that character to your clipboard.
Use the Unicode, HTML entity, CSS content, or URL-encoded value shown in the table for code or markup.
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-07-22 · Reviewed by Nham Vu