HTML Entity for Right Arrow With Dotted Stem (⤑)
What You'll Learn
How to display the Right Arrow With Dotted Stem (⤑) in HTML using the named entity, hexadecimal, decimal, and CSS escape methods. This symbol is U+2911 (RIGHTWARDS ARROW WITH DOTTED STEM) in the Supplemental Arrows-B block (U+2900–U+297F)—a rightward arrow with a dotted stem, used for navigation icons, UI design, graphic elements, and distinctive directional indicators.
Render it with ⤑ (named), ⤑, ⤑, or CSS \2911. Related: U+2910 (⤐, left arrow with dotted stem), U+21B4 (↴, right arrow with corner down). Do not confuse ⤑ with plain →.
⚡ Quick Reference — Right Arrow With Dotted Stem
U+2911Supplemental Arrows-B (U+2900–U+297F)
⤑Hexadecimal reference
⤑Decimal reference
⤑Most readable option
Name Value
──────────── ──────────
Unicode U+2911
Hex code ⤑
HTML code ⤑
Named entity ⤑
CSS code \2911
Meaning Rightwards arrow with dotted stem
Related U+2910 = left arrow with dotted stem (⤐)
U+21B4 = right arrow corner down (↴)
Block Supplemental Arrows-B (U+2900–U+297F)Complete HTML Example
A simple example showing ⤑ using the named entity, hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2911";
}
</style>
</head>
<body>
<p>Hex: ⤑</p>
<p>Decimal: ⤑</p>
<p>Named: ⤑</p>
<p id="point">CSS: </p>
</body>
</html>🌐 Browser Support
U+2911 renders in modern browsers when the font includes Supplemental Arrows-B glyphs:
👀 Live Preview
See the Right Arrow With Dotted Stem (⤑) in common contexts:
🧠 How It Works
Named HTML Entity
⤑ is the named entity for the Right Arrow With Dotted Stem. It is easy to read in navigation and UI markup.
Hexadecimal Code
⤑ uses the Unicode hexadecimal value 2911. The x prefix indicates hexadecimal format.
Decimal HTML Code
⤑ uses the decimal Unicode value 10513 for the same symbol.
CSS Entity
\2911 is used in CSS stylesheets in the content property of pseudo-elements like ::after.
Same visual result
All four methods produce ⤑. Unicode U+2911 in the Supplemental Arrows-B block. Previous: Right Arrow With Corner Down (↴). Next: Right Arrowhead Above (U+0350).
Use Cases
The Right Arrow With Dotted Stem (⤑) is commonly used in:
Menus and breadcrumbs with a distinctive dotted-stem arrow style.
Buttons, links, and controls needing unique directional indicators.
Designs and creative content with visual variety in arrow styling.
Wayfinding and guides showing movement with a dotted stem.
Interfaces that differentiate dotted arrows from solid arrows.
Pair ⤑ with plain language (e.g. “next” or “continue”) for screen readers.
💡 Best Practices
Do
- Prefer
⤑for readable navigation and UI markup - Use
⤑or⤑when named entities are unavailable - Set
<meta charset="utf-8"> - Keep entity style consistent across your project
- Use CSS
\2911for decorative arrows in pseudo-elements - Test rendering across browsers and font stacks
Don’t
- Confuse ⤑ (U+2911) with ⤐ (U+2910) or plain →
- Use padded Unicode notation like U+02911—the correct value is
U+2911 - Use CSS escape
\2911in HTML text nodes - Use padded CSS like
\02911—prefer\2911 - Assume all fonts render Supplemental Arrows-B glyphs correctly
Key Takeaways
Four ways to render U+2911 in HTML and CSS
⤑ ⤑For CSS, use \2911 in the content property
Unicode U+2911 — RIGHTWARDS ARROW WITH DOTTED STEM (⤑)
Named entity ⤑ is the most readable option
Previous: Right Arrow With Corner Down (↴) Next: Right Arrowhead Above (U+0350)
❓ Frequently Asked Questions
⤑ (named), ⤑ (hex), ⤑ (decimal), or \2911 in CSS content. All four render ⤑.U+2911 (RIGHTWARDS ARROW WITH DOTTED STEM). Supplemental Arrows-B block (U+2900–U+297F). Hex 2911, decimal 10513.⤑ is more readable and easier to remember. Numeric codes (⤑, ⤑) work everywhere. Both render ⤑.⤑, ⤑, ⤑) go in markup. The CSS escape \2911 is used in stylesheets on ::before or ::after. Both render ⤑.Explore More HTML Entities!
Discover 1500+ HTML character references — arrows, symbols, math operators, and more.
About the author
8 people found this page helpful