HTML Entity for Heavy Upper Right Shaded White Right Arrow (➮)
What You'll Learn
How to display the Heavy Upper Right Shaded White Right Arrow (➮) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27AE (HEAVY UPPER RIGHT-SHADED WHITE RIGHTWARDS ARROW) in the Dingbats block (U+2700–U+27BF). It is a heavy right-pointing arrow with a distinctive shaded upper-right and white style—ideal for navigation, next-step UI, flow diagrams, pagination, and forward directional cues beyond → or Unicode →.
Render it with ➮, ➮, or CSS escape \27AE. There is no named HTML entity. Do not confuse ➮ with U+279E (➞, triangle-headed right arrow) or U+2799 (➙, heavy right arrow); each code point has a different glyph.
⚡ Quick Reference — Shaded Right Arrow
U+27AEDingbats block
➮Hexadecimal reference
➮Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27AE
Hex code ➮
HTML code ➮
Named entity (none)
CSS code \27AE
Meaning Heavy upper-right shaded right arrow
Related U+279E = triangle headed (➞)
U+2799 = heavy right (➙)
U+2192 = rightwards (→)Complete HTML Example
This example demonstrates the Heavy Upper Right Shaded White Right Arrow (➮) using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27AE";
}
</style>
</head>
<body>
<p>Shaded Right Arrow using Hexadecimal: ➮</p>
<p>Shaded Right Arrow using HTML Code: ➮</p>
<p id="point">Shaded Right Arrow using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Heavy Upper Right Shaded White Right Arrow (➮) is widely supported in modern browsers when the font includes Dingbats arrow glyphs:
👀 Live Preview
Heavy Upper Right Shaded White Right Arrow (➮) in context, compared with other right-pointing arrows:
🧠 How It Works
Hexadecimal Code
➮ uses the Unicode hexadecimal value 27AE to display the upper-right shaded right arrow. Always include the trailing semicolon so the reference is not parsed as ' (apostrophe). The x prefix indicates hexadecimal format.
Decimal HTML Code
➮ uses the decimal Unicode value 10158 to display the same character.
CSS Entity
\27AE is used in CSS stylesheets, particularly in content on ::after for next buttons, pagination, and forward navigation cues.
Same visual result
All three methods produce ➮. Unicode U+27AE is in the Dingbats block. Next: Heavy Vertical Bar.
Use Cases
The Heavy Upper Right Shaded White Right Arrow (➮) is commonly used in:
Forward direction, next-step, and continue indicators in menus and wizards.
Buttons, links, and call-to-action elements that point right or forward.
Process flow and decision-tree connectors pointing to the next step.
Carousel, slideshow, and paginated list next controls.
content: "\27AE" on ::after without extra HTML markup.
Mobile list chevrons, drill-down rows, and forward gesture hints.
💡 Best Practices
Do
- Pair ➮ with
aria-label="Next"or visible “Continue” text on controls - Use
content: "\27AE"via::afteron next/forward buttons - Wrap navigation in semantic
<nav>and links in<a> - Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Combine link text with the arrow for clarity and accessibility
Don’t
- Use ➮ alone on buttons without accessible names
- Confuse U+27AE (➮) with U+279E (➞) or U+2799 (➙)
- Expect a named HTML entity for U+27AE
- Use CSS
\27AEin HTML text nodes - Rely on the arrow alone when the action must be explicit
Key Takeaways
Two HTML numeric references plus CSS insert U+27AE
➮ ➮For CSS, use \27AE in the content property (often ::after)
Unicode U+27AE — heavy upper-right shaded right arrow (➮)
Distinct from triangle headed U+279E (➞) and heavy right U+2799 (➙)
Next: Heavy Vertical Bar
❓ Frequently Asked Questions
➮ (hex), ➮ (decimal), or \27AE in CSS content. There is no named entity. All three methods render the arrow (➮) correctly.U+27AE (HEAVY UPPER RIGHT-SHADED WHITE RIGHTWARDS ARROW). Dingbats block. Hex 27AE, decimal 10158. The symbol (➮) is a heavy right-pointing arrow with a shaded upper-right style.➮ or ➮) go in markup. The CSS escape \27AE is used in stylesheets, typically on ::after for links and buttons. Both produce ➮.➮) or decimal (➮) codes, which is standard for Dingbats arrow symbols.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, math, and more.
About the author
8 people found this page helpful