HTML Entity for Right Arrow Through X (⥇)
What You'll Learn
How to display the Right Arrow Through X (⥇) in HTML using hexadecimal, decimal, and CSS escape methods. This symbol is U+2947 (RIGHTWARDS 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 \2947. 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 — Right Arrow Through X
U+2947Supplemental Arrows-B (U+2900–U+297F)
⥇Hexadecimal reference
⥇Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2947
Hex code ⥇
HTML code ⥇
Named entity (none)
CSS code \2947
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: "\2947";
}
</style>
</head>
<body>
<p>Hex: ⥇</p>
<p>Decimal: ⥇</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+2947 renders in modern browsers when the font includes Supplemental Arrows-B glyphs:
👀 Live Preview
See the Right Arrow Through X (⥇) in common contexts:
🧠 How It Works
Hexadecimal Code
⥇ uses the Unicode hexadecimal value 2947. The x prefix indicates hexadecimal format.
Decimal HTML Code
⥇ uses the decimal Unicode value 10567 for the same character.
CSS Entity
\2947 is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All three methods produce ⥇. Unicode U+2947 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 Right 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
\2947for decorative arrows in pseudo-elements - Add accessible labels for cancel or block actions
Don’t
- Confuse ⥇ (U+2947) with ⥆ (U+2946), ×, or plain →
- Use padded Unicode notation like U+02947—the correct value is
U+2947 - Use CSS escape
\2947in HTML text nodes - Use padded CSS like
\02947—prefer\2947 - Rely on the symbol alone without text for critical cancel actions
Key Takeaways
Three ways to render U+2947 in HTML and CSS
⥇ ⥇For CSS, use \2947 in the content property
Unicode U+2947 — RIGHTWARDS 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 \2947 in CSS content. There is no named HTML entity. All three render ⥇.U+2947 (RIGHTWARDS ARROW THROUGH X). Supplemental Arrows-B block (U+2900–U+297F). Hex 2947, decimal 10567.⥇, ⥇) go in markup. The CSS escape \2947 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