HTML Entity for Heavy Upper Right Shaded White Right Arrow (➮)
Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27AE
Definition
What Is Heavy Upper Right Shaded White Right Arrow?
Heavy upper right shaded white right arrow (➮) is the Unicode character at U+27AE in Dingbats. Official name: HEAVY UPPER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW. It is a bold white rightwards arrow with upper-right shading, used for next/continue cues and navigation.
Remember
Character ➮
Unicode U+27AE
Hex entity ➮
Decimal ➮
CSS escape \27AE
Named entity (none)
Meaning heavy upper-right-shaded white rightwards arrow
Not the same ➭ · ➞ · → (→)
Prefer ➮ or ➮ in HTML (no named form). You can also type ➮ in a UTF-8 document. For the lower-right shaded sibling, use U+27AD; for a classic text arrow, prefer →.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Named entity
None
—
Hex entity
➮
HTML markup (preferred)
Decimal entity
➮
HTML markup
Direct character
➮
HTML text (UTF-8)
CSS escape
\27AE
Stylesheet content
When to Use Which
Situation
Use
Bold upper-right shaded white Dingbats next / continue cue
Symbol alone, in a sample label, and next to related forms.
Glyph➮
Large glyph➮
SampleNext ➮
Compared➮ ➭ ➞ →
With entitiesHex: ➮ | Decimal: ➮
Code
Complete HTML Example
One page that shows heavy upper right shaded white right arrow with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
Four ways to display ➮ in HTML and CSS.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Heavy Upper Right Shaded White Right Arrow (U+27AE) in HTML</title>
<style>
#point::after {
content: "\27AE";
}
</style>
</head>
<body>
<p>Built with Hex: ➮</p>
<p>Built with Decimal: ➮</p>
<p id="point">Built with CSS: </p>
<p>Typed: ➮</p>
<p><span aria-label="Next">Next ➮</span></p>
<p>Classic: →</p>
</body>
</html>
Built with Hex: ➮
Built with Decimal: ➮
Built with CSS: ➮
Typed: ➮
Next ➮
Classic: →
How It Works
1. Hex:➮ inserts code point U+27AE → ➮.
2. Decimal: same code point as 10158 → ➮. Same visual as hex.
3. CSS: use \27AE in content (not an HTML entity). #point::after appends ➮.
4. Typed: paste ➮ in a UTF-8 document when you need this dingbat. Prefer aria-label or nearby prose such as “Next” so meaning is clear to everyone.
Pitfalls & Tips
Common mistakes when working with heavy upper right shaded white right arrow.
Name
No named entity
There is no HTML5 named entity for U+27AE. Use ➮ or ➮. Do not invent &shadedrarr;. For classic right arrow, use →.
➭
Not the lower-right shaded form
Heavy lower right shaded white right arrow is ➭ (U+27AD). This page is the upper-right shaded form ➮.
→
Not →
→ is → (U+2192). Heavy upper right shaded white right arrow is ➮. Related direction — different glyphs.
Font
Font coverage
Some fonts omit Dingbats. If ➮ is missing, fall back to → or a font with U+27AE coverage.
CSS vs HTML
Do not mix escapes
\27AE belongs in CSS strings. ➮ / ➮ belong in HTML.
a11y
Add accessible text
Screen readers may not announce ➮ clearly. Prefer aria-label="Next" or nearby prose for actions.
Semicolon
End references
Always finish entities with ; — write ➮, not ➮.
Compatibility
Browser Support
Heavy upper right shaded white right arrow (U+27AE) and its entity forms (➮, ➮, CSS \\27AE) are supported in all mainstream browsers. Visible glyphs depend on Dingbats font coverage.
✓ Universal support
Heavy Upper Right Shaded White Right Arrow (➮)
Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+27AEFull support
Bottom line: Prefer ➮ in HTML (no named form). Use ➮ when decimal form is required, and \\27AE only inside CSS content.
Remember
Key Takeaways
Unicode: heavy upper right shaded white right arrow is U+27AE (decimal 10158) — glyph ➮.
HTML: no named entity — use ➮ / ➮ / type ➮.
CSS: use \27AE inside content for generated text.
Meaning: ➮ ≠ ➭ / → — use for upper-right shaded white Dingbats cues.
One line:U+27AE → ➮ / ➮ / CSS \27AE (no named form).
Frequently Asked Questions
Use ➮ (hex), ➮ (decimal), type ➮ directly in UTF-8, or the CSS escape \27AE in content. There is no named HTML entity for U+27AE.
U+27AE (HEAVY UPPER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW). Hex 27AE, decimal 10158. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for this arrow. Prefer ➮ or ➮. For classic right arrow, use → (U+2192).
Use it for bold Dingbats next/continue cues with upper-right shading on a white rightwards arrow. For the lower-right shaded sibling, see U+27AD. For a classic math/text arrow with a named entity, prefer →.
HTML numeric entities (➮ or ➮) go in markup. The CSS escape \27AE goes in stylesheet strings (usually content on ::before/::after).
No. Heavy upper right shaded white right arrow is U+27AE (➮). Heavy lower right shaded white right arrow is U+27AD (➭). → is U+2192 (→). Related arrows — different shading and glyphs.
🤔
Did you know?
Heavy upper right shaded white right arrow is Unicode U+27AE (decimal 10158) — glyph ➮ in Dingbats (official name HEAVY UPPER RIGHT-SHADOWED WHITE RIGHTWARDS ARROW). There is no HTML5 named entity; use ➮ or ➮. Prefer nearby text or aria-label (for example “Next”). Do not confuse it with the lower-right shaded form ➭ (➭) or classic → (→).
