HTML Entity for Left Arrow Through X (⥆)
What You'll Learn
How to display the Left Arrow Through X (⥆) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+2946 (LEFTWARDS ARROW THROUGH X) in the Supplemental Arrows-B block (U+2900–U+297F)—a rightward arrow with an X through it, used for web design, UI elements, cancel actions, and blocking or rejection indicators.
Render it with ⥆, ⥆, or CSS \2946. There is no named HTML entity. Related: U+2946 (⥆, left arrow through X), U+2914 (⤔, tail vertical stroke). Do not confuse ⥆ with plain → or cancel symbols like × alone.
⚡ Quick Reference — Left Arrow Through X
U+2946Supplemental Arrows-B (U+2900–U+297F)
⥆Hexadecimal reference
⥆Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2946
Hex code ⥆
HTML code ⥆
Named entity (none)
CSS code \2946
Meaning Rightwards arrow through X
Related U+2946 = left arrow through X (⥆)
U+2914 = tail vertical stroke (⤔)
U+21E5 = right arrow to bar (⇥)
Block Supplemental Arrows-B (U+2900–U+297F)Complete HTML Example
A simple example showing ⥆ using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2946";
}
</style>
</head>
<body>
<p>Hex: ⥆</p>
<p>Decimal: ⥆</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+2946 renders in modern browsers when the font includes Supplemental Arrows-B glyphs:
👀 Live Preview
See the Left Arrow Through X (⥆) in common contexts:
🧠 How It Works
Hexadecimal Code
⥆ uses the Unicode hexadecimal value 2946. The x prefix indicates hexadecimal format.
Decimal HTML Code
⥆ uses the decimal Unicode value 10566 for the same character.
CSS Entity
\2946 is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All three methods produce ⥆. Unicode U+2946 in the Supplemental Arrows-B block. No named entity—use numeric codes. Previous: Right Arrow Tail Vertical Stroke (⤔). Next: Right Arrow To Bar (⇥).
Use Cases
The Left Arrow Through X (⥆) is commonly used in:
Layouts and interfaces with cancel or block indicators combined with direction.
Buttons and links that combine navigation with cancel functionality.
Cancel buttons, delete actions, and dismiss controls with directional cues.
Forms and UI that need block or reject functionality with direction.
Menus and flows showing cancel or block actions with direction.
Pair ⥆ with plain language (e.g. “cancel” or “dismiss”) for screen readers.
💡 Best Practices
Do
- Use
⥆or⥆in HTML (no named entity exists) - Use ⥆ when cancel, block, or reject needs a directional arrow context
- Set
<meta charset="utf-8"> - Keep hex or decimal style consistent across your project
- Use CSS
\2946for decorative arrows in pseudo-elements - Add accessible labels for cancel or block actions
Don’t
- Confuse ⥆ (U+2946) with ⥆ (U+2946), ×, or plain →
- Use padded Unicode notation like U+02946—the correct value is
U+2946 - Use CSS escape
\2946in HTML text nodes - Use padded CSS like
\02946—prefer\2946 - Rely on the symbol alone without text for critical cancel actions
Key Takeaways
Three ways to render U+2946 in HTML and CSS
⥆ ⥆For CSS, use \2946 in the content property
Unicode U+2946 — LEFTWARDS ARROW THROUGH X (⥆)
No named HTML entity—use numeric hex or decimal references
Previous: Right Arrow Tail Vertical Stroke (⤔) Next: Right Arrow To Bar (⇥)
❓ Frequently Asked Questions
⥆ (hex), ⥆ (decimal), or \2946 in CSS content. There is no named HTML entity. All three render ⥆.U+2946 (LEFTWARDS ARROW THROUGH X). Supplemental Arrows-B block (U+2900–U+297F). Hex 2946, decimal 10566.⥆, ⥆) go in markup. The CSS escape \2946 is used in stylesheets, typically on ::before or ::after. Both render ⥆.⥆) or decimal (⥆) references instead.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful