HTML Entity for Right Shaded White Right Arrow (➩)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+27A9

HTML Entity for Right Shaded White Right Arrow (U+27A9) tutorial illustration

Definition

What Is the Right Shaded White Right Arrow Entity?

Right Shaded White Right Arrow (➩) is the Dingbats character at Unicode U+27A9 (RIGHT SHADED WHITE RIGHTWARDS ARROW). It is a decorative rightwards arrow often used in UI and navigation cues.

Remember

Character     ➩
Unicode       U+27A9
Hex entity    &#x27A9;
Decimal       &#10153;
Named entity  (none in HTML5)
CSS escape    \27A9
Not the same  &rarr; (→) · ➪ (left-shaded) · &roarr; (⇾)

All of these produce the same glyph: ➩. Prefer ➩ (or ➩) when you need an entity — there is no named form.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Hex entity	`➩`	HTML markup (best default)
Decimal entity	`➩`	HTML markup
CSS escape	`\27A9`	Stylesheet `content`
Direct character	`➩`	UTF-8 HTML text
Named entity	None	Use numeric forms instead

When to Use Which

Situation	Use
Normal page text (UTF-8)	Type `➩` directly
Need an explicit entity	`➩` or `➩`
Generated text via `::before` / `::after`	`content: "\27A9"`
Standard right arrow	Use → (U+2192)
Left-shaded white right arrow	Use U+27AA

See it

Live Preview

Right Shaded White Right Arrow in common navigation contexts.

Navigation Next page ➩

Large glyph ➩

vs → ➩ | →

vs U+27AA ➩ | ➪

With entities Hex: ➩ | Decimal: ➩

Code

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

All three ways to produce ➩ in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Right Shaded White Right Arrow (➩)</title>
  <style>
    #point::after {
      content: "\27A9";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x27A9;</p>
  <p>Using HTML Code: &#10153;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>Next &#x27A9;</code></p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+27A9 → ➩ in HTML. The browser turns it into ➩.

2. Decimal: same code point as 10153 → ➩. Same result as hex.

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

Pitfalls & Tips

Common mistakes when working with Right Shaded White Right Arrow.

Look-alikes

➩ ≠ → ≠ ➪

Right-shaded white, standard →, and left-shaded white (U+27AA) are different characters.

Named

No `&…;` name

Guessing names will not produce U+27A9. Use ➩ or ➩.

Fonts

Glyph may be missing

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

CSS vs HTML

Do not mix escapes

\27A9 belongs in CSS. ➩ / ➩ belong in HTML.

A11y

Add nearby words

Pair the glyph with text like Next or use aria-label when it stands alone.

Semicolon

End references

Always finish with ; — write ➩, not &#x27A9.

Compatibility

Browser Support

Right Shaded White Right Arrow (U+27A9) and its entity forms (➩, ➩, CSS \\27A9) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Right Shaded White Right Arrow (➩)

Encode with hex, decimal, or CSS escape — or type ➩ directly in UTF-8 HTML.

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+27A9 Full support

Bottom line: Prefer ➩ (or ➩) in HTML. Use \\27A9 only inside CSS content. There is no named entity.

Remember

Key Takeaways

Unicode: this symbol is U+27A9 (decimal 10153).
HTML: use ➩ or ➩ — no named entity.
CSS: use \27A9 inside content for generated text.
Watch out: ➩ ≠ → (→) ≠ ➪.

One line: U+27A9 → ➩ / ➩ / CSS \27A9.

Frequently Asked Questions

How do I display Right Shaded White Right Arrow (➩) in HTML using entities?

Use ➩ (hex), ➩ (decimal), or the CSS escape \27A9 in the content property. All render ➩ when the font supports Dingbats. There is no named HTML entity.

What is the Unicode value for Right Shaded White Right Arrow?

U+27A9 (RIGHT SHADED WHITE RIGHTWARDS ARROW). Hex 27A9, decimal 10153. It belongs to the Dingbats block (U+2700–U+27BF).

Is there a named HTML entity for U+27A9?

No. HTML5 does not define a named entity for U+27A9. Use numeric references like ➩ or ➩.

When should I use this HTML entity?

Use it in navigation labels, UI cues, and icon-style directional text when you want a shaded white rightwards arrow. Prefer numeric entities when encoding must be explicit.

What is the difference between HTML code and CSS entity for U+27A9?

HTML entities (➩ or ➩) go in markup. The CSS escape \27A9 is used in stylesheets (usually in the content property of ::before/::after). Both render ➩.

How is U+27A9 different from → or U+27AA?

→ (U+2192) is the standard right arrow. U+27AA is the left-shaded white rightwards arrow. U+27A9 is the right-shaded white rightwards arrow.

Did you know?

Right Shaded White Right Arrow is Unicode U+27A9 (decimal 10153) — RIGHT SHADED WHITE RIGHTWARDS ARROW. HTML5 has no named entity — use ➩ or ➩. Do not confuse it with a plain → (U+2192) or with the left shaded form (U+27AA).

Next: Right Side Arc Clockwise Arrow

Learn the HTML entity for Right Side Arc Clockwise Arrow — next in this sequence.

Continue tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Right Semidirect Product HTML Entity | Right Side Arc Clockwise Arrow