Green checkmark or red X with Mathjax/mhchem?

Question

Is there a way to put a green check mark in the body of my text using MathJax/mhchem Syntax? Or a red X to indicate that this thinking is wrong?

Something like this:

I want to use it while double checking my work and indicate whether or not the math checks out.

Closest I found was here hBy2Py shares how to highlight text

$\require{enclose}\enclose{actuarial}[mathbackground="#6ad898"]{2x}$ $\require{enclose}\enclose{actuarial}[mathbackground="#6ad898"]{2x}$

Answer 1

CAVEAT: Due to the use of Unicode, the below may not render properly on all systems, especially mobile devices. (Thanks, Martin!)

Green boxed checkmark

\require{enclose}
\enclose{box}[mathcolor="green"]{\unicode{x2714}}

$ \require{enclose} \enclose{box}[mathcolor="green"]{\unicode{x2714}} $

Red boxed stylized 'X'

\require{enclose}
\enclose{box}[mathcolor="red"]{\unicode{x2718}}

$ \require{enclose} \enclose{box}[mathcolor="red"]{\unicode{x2718}} $

Unicode values taken from the Wikipedia webpages for check mark and X mark.

---

If you want thicker borders on the boxes, you could go with \bbox instead, e.g.:

\bbox[border:3px solid green;color:green,2pt]{\unicode{x2714}}

$ \bbox[border:3px solid green;color:green,2pt]{\unicode{x2714}} $

FWIW, this also has the advantage of not requiring \require{...}.

---

Also, as Martin notes in his answer to the linked formatting question/post, you can use \begingroup and \newcommand to define handy-dandy macros for including these puppies in your MathJax:

\require{begingroup}
\begingroup
\newcommand{checkbox}{\bbox[border:3px solid green;color:green,1px]{\Large \unicode{x2714}}~~}
\newcommand{xbox}{\bbox[border:3px solid red;color:red]{\Large \,\unicode{x2718}\,}~~}
\checkbox\text{This statement is correct!} \\
\xbox\text{This statement is not.}
\endgroup

$ \require{begingroup} \begingroup \newcommand{checkbox}{\bbox[border:3px solid green;color:green,1px]{\Large \unicode{x2714}}~~} \newcommand{xbox}{\bbox[border:3px solid red;color:red]{\Large \,\unicode{x2718}\,}~~} \checkbox\text{This statement is correct!} \\ \xbox\text{This statement is not.} \endgroup $

I shamelessly stole Mart's use of \Large in his answer here. Note also that the formatting went a little sideways, and I had to use some extra regular (~) and narrow (\,) spaces in the new command definitions to make everything look right (in my browser, at least). Feel free to shamelessly steal these macros, if they'll be useful to you!

Answer 2

You can use the following for a green check mark since it is implemented in amssymb:

• $\Large\color{\green}{\checkmark}$ $\Large\color{\green}{\checkmark}$
• $\Large\color{\green}{\unicode{10004}}$ $\Large\color{\green}{\unicode{10004}}$ (matches last entry from below)
• $\Large\color{\green}{\unicode{10003}}$ $\Large\color{\green}{\unicode{10003}}$ (should also match the above)

Unfortunately the cross is not as simple and the solution outlined at TeX.SX doesn't work for MathJax as pifont is not defined. You can use the following an intermediate solutions:

• Poor man's bold times: $\Large\color{\red}{\pmb\times}$ $\Large\color{\red}{\pmb\times}$
• Sans serif X: $\Large\color{\red}{\pmb{\mathsf{X}}}$ $\Large\color{\red}{\pmb{\mathsf{X}}}$
• Plain unicode: $\Large\color{\red}{✘✗}$ $\Large\color{\red}{✘✗}$
• Unicode via macro: $\Large\color{\red}{\unicode{10007}}$ $\Large\color{\red}{\unicode{10007}}$ (should match \checkmark above)
• Unicode via macro (bold): $\Large\color{\red}{\unicode{10008}}$ $\Large\color{\red}{\unicode{10008}}$ (see also: MathJax Unicode support)

Answer 3

A meta answer to a meta question, making it meta². Be careful with conventions like this. They are not as intuitive and universal as you might think.

• I've seen

  ✘ Artificial Flavours

  written on products in the UK, meaning "without artificial flavours". In Germany, for instance, this would be interpreted as the opposite. There, in votes, you do not tick your preferred candidate, you cross them. The older guys might remember times, when (computer) checkboxes contained x's before they removed this ambiguity.

• Red is a lucky color in China.

However, your combinations (red cross and green tickmark, if they appear as opposites) should be universally understood by all users who come here to SE.