HTML Entity for Heavy Lower Right Shaded White Right Arrow (➭)
What You'll Learn
How to display the Heavy Lower Right Shaded White Right Arrow (➭) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+27AD (HEAVY LOWER RIGHT SHADED WHITE RIGHT ARROWS) in the Dingbats block (U+2700–U+27BF). It is a right-pointing arrow with a lower-right shaded white style—ideal for navigation, “next” or “continue” cues, flow indicators, and directional UI where a distinct forward arrow is desired beyond ASCII -> or simple →.
Render it with ➭, ➭, or CSS escape \27AD. There is no named HTML entity. Do not confuse ➭ with U+27A8 (➨, heavy concave pointed black right arrow) or U+2192 (→, standard rightwards arrow); each arrow code point has a different glyph.
⚡ Quick Reference — Shaded Right Arrow
U+27ADDingbats block
➭Hexadecimal reference
➭Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+27AD
Hex code ➭
HTML code ➭
Named entity (none)
CSS code \27AD
Meaning Shaded white right arrow
Related U+2192 = rightwards arrow (→)
U+27A8 = concave right arrow (➨)Complete HTML Example
This example demonstrates the Heavy Lower Right Shaded White Right Arrow (➭) using hexadecimal code, decimal HTML code, and a CSS content escape on navigation links and a wizard step:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\27AD";
}
</style>
</head>
<body>
<p>Shaded Arrow using Hexadecimal: ➭</p>
<p>Shaded Arrow using HTML Code: ➭</p>
<p id="point">Shaded Arrow using CSS Entity</p>
</body>
</html>🌐 Browser Support
The Heavy Lower Right Shaded White Right Arrow (➭) is widely supported in modern browsers when the font includes Dingbats arrow glyphs:
👀 Live Preview
Heavy Lower Right Shaded White Right Arrow (➭) in context, compared with other right arrows:
🧠 How It Works
Hexadecimal Code
➭ uses the Unicode hexadecimal value 27AD to display the shaded arrow. The x prefix indicates hexadecimal format.
Decimal HTML Code
➭ uses the decimal Unicode value 10157 to display the same character.
CSS Entity
\27AD is used in CSS stylesheets, particularly in content on ::after for links, buttons, and forward navigation cues.
Same visual result
All three methods produce ➭. Unicode U+27AD is in the Dingbats block. Next: Heavy Multiplication X (✖).
Use Cases
The Heavy Lower Right Shaded White Right Arrow (➭) is commonly used in:
Link indicators, next or more cues in navigation, dropdowns, and menus.
Next or continue in wizards, multi-step forms, and onboarding flows.
Flow direction, process steps, and relationship arrows in diagrams.
Learn more ➭ or continue ➭ on buttons and links.
content: "\27AD" on ::after without extra HTML markup.
Step indicators or list markers with forward directional emphasis.
💡 Best Practices
Do
- Pair ➭ with link text or
aria-label="Next"/Continue - Use
content: " \27AD"ona::afterfor external-style CTAs - Declare UTF-8 with
<meta charset="utf-8"> - Keep one numeric style (hex or decimal) per project
- Test glyph rendering in your font stack
- Use semantic
<a>or<button>for interactive forward actions
Don’t
- Use ➭ alone on links without accessible names
- Confuse U+27AD (➭) with U+27A8 (➨) or U+2192 (→)
- Expect a named HTML entity for U+27AD
- Use CSS
\27ADin HTML text nodes - Rely on the arrow alone when direction or action must be explicit for all users
Key Takeaways
Two HTML numeric references plus CSS insert U+27AD
➭ ➭For CSS, use \27AD in the content property (often ::after)
Unicode U+27AD — shaded white right arrow (➭)
Distinct from standard rightwards U+2192 (→) and concave U+27A8 (➨)
❓ Frequently Asked Questions
➭ (hex), ➭ (decimal), or \27AD in CSS content. There is no named entity. All three methods render the arrow (➭) correctly.U+27AD (HEAVY LOWER RIGHT SHADED WHITE RIGHT ARROWS). Dingbats block. Hex 27AD, decimal 10157. The symbol (➭) is a right-pointing arrow with lower-right shaded white style, widely used for navigation and directional flow.➭ or ➭) go in markup. The CSS escape \27AD 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