HTML Entity for Left Shaded White Right Arrow (➪)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+27AA

What Is the Left Shaded White Right Arrow Entity?

Left Shaded White Right Arrow (➪) is the Dingbats character at Unicode U+27AA (LEFT-SHADED WHITE RIGHTWARDS ARROW). It is a white rightwards arrow with shading on the left side — often used for UI and decorative navigation.

Remember
Character     ➪
Unicode       U+27AA
Hex entity    ➪
Decimal       ➪
Named entity  (none)
CSS escape    \27AA
Not the same  → (→) · nearby Dingbats U+27A9 / U+27AB

Hex, decimal, CSS, and a typed character all produce the same glyph: ➪. Prefer ➪ when you want an explicit entity.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity➪HTML markup (best entity default)
Decimal entity➪HTML markup
Named entityNoneHTML5 does not define one
CSS escape\27AAStylesheet content
Direct character➪UTF-8 HTML text

When to Use Which

SituationUse
Readable numeric entity in HTML➪
Decimal entity required➪
Generated text via ::before / ::aftercontent: "\27AA"
Plain rightwards arrowUse → (U+2192)
Need a named entityNot available — stick to hex or decimal

Live Preview

Left Shaded White Right Arrow in common UI and label contexts.

Label snippet Next ➪
Large glyph ➪
Hex entity ➪ → ➪
vs → ➪  |  →
With entities Hex: ➪ | Decimal: ➪

Complete HTML Example

One page that shows this symbol with hex, decimal, and CSS. Use View Output or open the live editor.

Hex + Decimal + CSS

Three ways to produce ➪ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Left Shaded White Right Arrow (➪)</title>
  <style>
    #point::after {
      content: "\27AA";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27AA;</p>
  <p>Using HTML Code: &#10154;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>Next &#x27AA;</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27AA → &#x27AA; in HTML. The browser turns it into ➪.

2. Decimal: same code point as 10154 → &#10154;. Same result as hex.

3. Named: HTML5 does not define a named entity for this character — use hex or decimal instead.

4. CSS: use \27AA in content (not an HTML entity). #point::after appends that ➪ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Left Shaded White Right Arrow.

Look-alikes

➪ ≠ →

U+27AA is a shaded Dingbat arrow. &rarr; (U+2192) is the plain Arrows-block rightwards arrow.

Named

No &…; name

Do not invent a name. Use &#x27AA; or &#10154;.

Fonts

Glyph may be missing

Dingbat arrow coverage varies. Test on your target devices or provide a fallback font.

CSS vs HTML

Do not mix escapes

\27AA belongs in CSS. &#x27AA; / &#10154; belong in HTML.

A11y

Add nearby words

Pair the glyph with label text (for example Next &#x27AA;) or use aria-label when it stands alone.

Semicolon

End references

Always finish with ; — write &#x27AA;, not &#x27AA.

Browser Support

Left Shaded White Right Arrow (U+27AA) and its entity forms (&#x27AA;, &#10154;, CSS \\27AA) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Left Shaded White Right Arrow (&#x27AA;)

Encode with hex, decimal, or CSS escape — or type ➪ directly in UTF-8 HTML. No named entity.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+27AA Full support

Bottom line: Prefer &#x27AA; for readable HTML. Use \\27AA only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+27AA (decimal 10154).
  • HTML: prefer &#x27AA; — or use &#10154;. No named entity.
  • CSS: use \27AA inside content for generated text.
  • Watch out: U+27AA ≠ &rarr; (U+2192).

One line: U+27AA → &#x27AA; / &#10154; / CSS \27AA (no named entity).

Frequently Asked Questions

Use &#x27AA; (hex), &#10154; (decimal), or the CSS escape \27AA in the content property. All render ➪ when the font supports the Dingbats block. There is no named HTML entity.
U+27AA (LEFT-SHADED WHITE RIGHTWARDS ARROW). Hex 27AA, decimal 10154. It belongs to the Dingbats block (U+2700–U+27BF).
No. HTML5 does not define a named entity for U+27AA. Use numeric references like &#x27AA; or &#10154;.
Use it for UI navigation, call-to-action buttons, and decorative directional indicators when you want a white rightwards arrow with left-side shading. Prefer numeric entities when encoding must be explicit.
HTML entities (&#10154; or &#x27AA;) go in markup. The CSS escape \27AA is used in stylesheets (usually in the content property of ::before/::after). Both render ➪.
&rarr; (U+2192) is the plain rightwards arrow from the Arrows block. U+27AA is a Dingbat-style white rightwards arrow with left shading — a different glyph and code point.

Did you know?

Left Shaded White Right Arrow is Unicode U+27AA (decimal 10154) — LEFT-SHADED WHITE RIGHTWARDS ARROW. HTML5 has no named entity — use &#x27AA; or &#10154;. Do not confuse it with a plain &rarr; (U+2192) or nearby Dingbat arrows such as U+27A9 / U+27AB.

Next: Left Side Arc Anticlockwise Arrow

Learn the HTML entity for Left Side Arc Anticlockwise Arrow — next in this sequence.

Continue tutorial →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful