HTML Entity for Back Tilted Shadowed White Right Arrow (➫)

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

What Is the Back Tilted Shadowed White Right Arrow Entity?

Back-tilted shadowed white right arrow (➫) is Unicode U+27AB in the Dingbats block. It is a decorative right-pointing cue used in navigation hints, “read more” links, and step lists. HTML has no standard named entity — use numeric or CSS forms (or type the character in UTF-8).

Remember
Character     ➫
Unicode       U+27AB
Hex entity    ➫
Decimal       ➫
Named entity  (none)
CSS escape    \27AB
Not the same  ➬ U+27AC (front-tilted)

All of these produce the same glyph: ➫. Prefer typing ➫ in UTF-8 when you can; use ➫ / ➫ or CSS for generated content.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character➫HTML text (UTF-8)
Named entityNone—
Hex entity➫HTML markup
Decimal entity➫HTML markup
CSS escape\27ABStylesheet content

When to Use Which

SituationUse
Decorative “next” / read-more cue➫ or type ➫
Front-tilted sibling dingbat➬ (U+27AC)
Browse all arrow entitiesArrow hub
Need an entity in HTML source➫ or ➫
Icon via CSScontent: "\27AB" on ::before

Live Preview

Back-tilted dingbat arrow in UI-style context.

Inline Next section ➫ continues below.
Large glyph ➫
Link cue Read more ➫
vs. front-tilted ➫ (U+27AB)  vs.  ➬ (U+27AC)
With entities Hex: ➫ | Decimal: ➫

Complete HTML Example

One page that shows ➫ with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ➫ in a single document (no named entity).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Back Tilted Arrow (➫) in HTML</title>
  <style>
    #point::after {
      content: "\27AB";
    }
  </style>
</head>
<body>
  <p>Back-tilted arrow using Hex Code: &#x27AB;</p>
  <p>Back-tilted arrow using HTML Code: &#10155;</p>
  <p id="point">Back-tilted arrow using CSS Entity: </p>
  <p>Typed directly: ➫</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+27AB → &#x27AB; in HTML. The browser turns it into ➫.

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

3. CSS: use \27AB in content (not an HTML entity). #point::after appends that ➫ after the paragraph text.

4. Typed ➫: fine in UTF-8 source. All four lines show the same glyph.

Pitfalls & Tips

Common mistakes when working with the back-tilted shadowed white right arrow (➫).

Named

No &name; form

U+27AB has no standard named entity — use &#x27AB; or &#10155;.

➬

Not the front-tilted arrow

➬ (U+27AC) is a different Dingbat — do not mix styles in one UI.

a11y

Decoration only

Keep real link text and landmarks. Do not use ➫ alone as the only “next” cue.

Fonts

Check Dingbats coverage

Some UI fonts omit a polished U+27AB. Prefer fonts with solid Dingbats coverage.

CSS vs HTML

Do not mix escapes

\27AB belongs in CSS. &#x27AB; / &#10155; belong in HTML.

Semicolon

End references

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

Browser Support

Back-tilted shadowed white right arrow (U+27AB) and its entity forms (&#x27AB;, &#10155;, CSS \\27AB) are supported in all mainstream browsers. Glyph quality depends on font support for Dingbats.

✓ Universal support

Back Tilted Arrow (➫)

Type ➫, or encode with hex, decimal, or CSS escape — same glyph everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+27AB / entities Full support

Bottom line: Prefer a typed ➫ or &#x27AB; for decorative cues. Use decimal when generating markup, and \\27AB only inside CSS content.

Key Takeaways

  • Unicode: back-tilted arrow is U+27AB (decimal 10155).
  • HTML: use &#x27AB; or &#10155; (no named entity).
  • CSS: use \27AB inside content for generated icons.
  • Watch out: ➫ ≠ ➬ (front-tilted).

One line: U+27AB → &#x27AB; / &#10155; / CSS \27AB.

Frequently Asked Questions

Use &#x27AB; (hex), &#10155; (decimal), or the CSS escape \27AB in the content property. All render ➫. You can also paste ➫ directly if your file is UTF-8. There is no standard named entity.
U+27AB (hex 27AB, decimal 10155). Unicode names it BACK-TILTED SHADOWED WHITE RIGHT ARROW. It belongs to the Dingbats block.
No. HTML5 / WHATWG does not define a named character reference for U+27AB. Prefer &#x27AB;, &#10155;, or a typed ➫ in UTF-8.
➫ is U+27AB (back-tilted). ➬ is U+27AC (front-tilted shadowed white right arrow) — a different Dingbat. Pick one style per UI.
HTML entities (&#10155; or &#x27AB;) go in markup. The CSS escape \27AB is used in stylesheets (usually in the content property of ::before/::after). Both render ➫.
No. Keep real link text, headings, or landmarks. Use ➫ as decoration only — do not rely on the glyph alone to convey “next.”

Did you know?

Back-tilted shadowed white right arrow is Unicode U+27AB (decimal 10155) in the Dingbats block — official name BACK-TILTED SHADOWED WHITE RIGHT ARROW. There is no standard named HTML entity. Prefer plain text or landmarks for navigation; treat ➫ as a visual cue.

Next: Backslash

Learn the HTML entity for the backslash (\).

Next 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