HTML Entity for Heavy Multiplication X (✖)
What You'll Learn
How to display the Heavy Multiplication X (✖) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2716 (HEAVY MULTIPLICATION X) in the Dingbats block (U+2700–U+27BF). It is a heavy or bold multiplication X—ideal for mathematical notation, close/dismiss buttons, error or invalid indicators, and lists where a strong X is needed beyond ASCII x or the multiplication sign × (U+00D7).
Render it with ✖, ✖, or CSS escape \2716. There is no named HTML entity. Do not confuse ✖ with U+271A (✚, heavy Greek cross) or U+2714 (✔, heavy check mark); each Dingbats symbol has a distinct glyph and meaning.
⚡ Quick Reference — Multiplication X
U+2716Dingbats block
✖Hexadecimal reference
✖Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2716
Hex code ✖
HTML code ✖
Named entity (none)
CSS code \2716
Meaning Heavy multiplication X
Related U+00D7 = multiplication (×)
U+2714 = heavy check (✔)
U+271A = Greek cross (✚)Complete HTML Example
This example demonstrates the Heavy Multiplication X (✖) using hexadecimal code, decimal HTML code, and CSS content on a close button, invalid field, and math expression:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2716";
}
</style>
</head>
<body>
<p>Multiplication X using Hexadecimal: ✖</p>
<p>Multiplication X using HTML Code: ✖</p>
<p id="point">Multiplication X using CSS Entity</p>
</body>
</html>🌐 Browser Support
The Heavy Multiplication X (✖) is widely supported in modern browsers when the font includes Dingbats symbols:
👀 Live Preview
Heavy Multiplication X (✖) in context, compared with related symbols:
🧠 How It Works
Hexadecimal Code
✖ uses the Unicode hexadecimal value 2716 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
✖ uses the decimal Unicode value 10006 to display the same character.
CSS Entity
\2716 is used in CSS stylesheets, particularly in content on ::before or ::after for close buttons, errors, and list markers.
Same visual result
All three methods produce ✖. Unicode U+2716 is in the Dingbats block. Next: North East Arrow (➚).
Use Cases
The Heavy Multiplication X (✖) is commonly used in:
Multiplication notation in equations, formulas, and math-heavy content.
Modal close buttons, dismiss icons, and remove or cancel indicators.
Form validation, error messages, and not allowed or wrong indicators.
Unchecked items, excluded features, and comparison tables.
content: "\2716" on pseudo-elements without extra HTML.
Multiplication key or result indicator in calculator-style UIs.
💡 Best Practices
Do
- Use
aria-label="Close"or visible text on close buttons with ✖ - Set
aria-invalid="true"when ✖ marks invalid fields - Declare UTF-8 with
<meta charset="utf-8"> - Use
×for standard multiplication when semantics matter - Keep one numeric style (hex or decimal) per project
- Prefer semantic buttons over div-only close controls
Don’t
- Use ✖ alone on icon buttons without accessible names
- Confuse U+2716 (✖) with U+271A (✚) or U+2714 (✔)
- Expect a named HTML entity for U+2716
- Use CSS
\2716in HTML text nodes - Rely on ✖ alone to convey errors without text or ARIA
Key Takeaways
Two HTML numeric references plus CSS insert U+2716
✖ ✖For CSS, use \2716 in the content property
Unicode U+2716 — heavy multiplication X (✖)
Distinct from × (U+00D7) and heavy check U+2714 (✔)
Next: North East Arrow (➚)
❓ Frequently Asked Questions
✖ (hex), ✖ (decimal), or \2716 in CSS content. There is no named entity. All three methods render the symbol (✖) correctly.U+2716 (HEAVY MULTIPLICATION X). Dingbats block. Hex 2716, decimal 10006. The symbol (✖) is a heavy bold multiplication X, often used for multiplication, close, or error indicators.✖ or ✖) go in markup. The CSS escape \2716 is used in stylesheets, typically on ::before or ::after. Both produce ✖.✖) or decimal (✖) codes, which is standard for Dingbats symbols.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful