HTML Entity for Multiplication X (✕)
What You'll Learn
How to display the Multiplication X symbol (✕) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2715 (MULTIPLICATION X) in the Dingbats block (U+2700–U+27BF)—a lightweight cross glyph often used for close buttons, dismiss icons, and dingbat typography.
Render it with ✕, ✕, or CSS escape \2715. There is no named HTML entity. Do not confuse ✕ with the multiplication sign × (U+00D7, ×) used for math and dimensions—they are different Unicode characters.
⚡ Quick Reference — Multiplication X
U+2715Dingbats
✕Hexadecimal reference
✕Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2715
Hex code ✕
HTML code ✕
Named entity (none)
CSS code \2715
Meaning Multiplication X (dingbat cross)
Related U+00D7 = multiplication sign (×, ×)
U+2716 = heavy multiplication x (✖)Complete HTML Example
This example demonstrates the Multiplication X symbol (✕) using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2715";
}
</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
U+2715 is supported in modern browsers; use a font with Dingbats coverage for consistent glyphs:
👀 Live Preview
See the Multiplication X symbol (✕) in UI and typography contexts:
🧠 How It Works
Hexadecimal Code
✕ uses the Unicode hexadecimal value 2715 to display Multiplication X. The x prefix indicates hexadecimal format.
Decimal HTML Code
✕ uses the decimal Unicode value 10005 to display the same character.
CSS Entity
\2715 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce: ✕. Unicode U+2715 in Dingbats. For the math times operator, use Multiplication Sign (×, ×).
Use Cases
The Multiplication X symbol (✕) is commonly used in:
Modal close buttons, toast dismiss icons, and panel toggles.
Lightweight X markers in menus, tags, and chip remove buttons.
Dingbat crosses in decorative or symbolic text layouts.
Simple cancel or remove glyphs without image assets.
Unicode charts and HTML entity documentation.
Character pickers and special-symbol cheat sheets.
💡 Best Practices
Do
- Use numeric codes
✕or✕in HTML markup - Add
aria-label="Close"when ✕ acts as a dismiss control - Use
×(×) for math and dimensions instead - Ensure sufficient touch target size for interactive close icons
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse ✕ (Multiplication X) with × (multiplication sign)
- Use ✕ alone as a close button without accessible label or text
- Put CSS escape
\2715in HTML text nodes - Assume every X-shaped glyph is U+2715 across fonts
- Rely on color alone to convey dismiss meaning
Key Takeaways
Hex, decimal, and CSS all render ✕
✕ ✕For CSS stylesheets, use the escape in the content property
\2715Unicode U+2715 — MULTIPLICATION X
No named HTML entity—use numeric references
Math times: Multiplication Sign (×, ×)
❓ Frequently Asked Questions
✕ (hex), ✕ (decimal), or \2715 in CSS content. All produce ✕. There is no named entity.U+2715 (MULTIPLICATION X). Dingbats block (U+2700–U+27BF). Hex 2715, decimal 10005.U+2715) is Multiplication X in Dingbats—often used as a close icon. × (U+00D7, ×) is the multiplication sign for math and dimensions. Different code points and typical usage.✕ or ✕) go directly in markup. The CSS escape \2715 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, operators, and more.
About the author
8 people found this page helpful