HTML Entity for Right White Arrow (⇨)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+21E8

What Is the Right White Arrow Entity?

Right White Arrow (⇨) is the Arrows-block character at Unicode U+21E8 (RIGHTWARDS WHITE ARROW). It is a hollow (outlined) right-pointing arrow — common in UI navigation.

Remember
Character     ⇨
Unicode       U+21E8
Hex entity    ⇨
Decimal       ⇨
Named entity  (none)
CSS escape    \21E8
Not the same  → (→)

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\21E8Stylesheet 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: "\21E8"
Filled rightwards arrowUse → (U+2192)
Need a named entityNot available — stick to hex or decimal

Live Preview

Right White 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>Right White Arrow (⇨)</title>
  <style>
    #point::after {
      content: "\21E8";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x21E8;</p>
  <p>Using HTML Code: &#8680;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>Next &#x21E8;</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+21E8 → &#x21E8; in HTML. The browser turns it into ⇨.

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

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

4. CSS: use \21E8 in content (not an HTML entity). #point::after appends that ⇨ after the paragraph text.

Pitfalls & Tips

Common mistakes when working with Right White Arrow.

Look-alikes

⇨ ≠ →

U+21E8 is a white (hollow) rightwards arrow. &rarr; (U+2192) is the standard filled form.

Named

No &…; name

Do not invent a name. Use &#x21E8; or &#8680;.

Fonts

Glyph may be missing

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

CSS vs HTML

Do not mix escapes

\21E8 belongs in CSS. &#x21E8; / &#8680; belong in HTML.

A11y

Add nearby words

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

Semicolon

End references

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

Browser Support

Right White Arrow (U+21E8) and its entity forms (&#x21E8;, &#8680;, CSS \\21E8) are supported in all modern browsers. Glyph coverage depends on the font.

✓ Universal encoding

Right White Arrow (&#x21E8;)

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+21E8 Full support

Bottom line: Prefer &#x21E8; for readable HTML. Use \\21E8 only inside CSS content.

Key Takeaways

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

One line: U+21E8 → &#x21E8; / &#8680; / CSS \21E8 (no named entity).

Frequently Asked Questions

Use &#x21E8; (hex), &#8680; (decimal), or the CSS escape \21E8 in the content property. All render ⇨ when the font supports the Arrows block. There is no named HTML entity.
U+21E8 (RIGHTWARDS WHITE ARROW). Hex 21E8, decimal 8680. It belongs to the Arrows block (U+2190–U+21FF).
No. HTML5 does not define a named entity for U+21E8. Use numeric references like &#x21E8; or &#8680;.
Use it for navigation buttons, directional indicators, and UI labels when you want a hollow (white) rightwards arrow. Prefer numeric entities when encoding must be explicit.
HTML entities (&#8680; or &#x21E8;) go in markup. The CSS escape \21E8 is used in stylesheets (usually in the content property of ::before/::after). Both render ⇨.
&rarr; (U+2192) is the standard filled rightwards arrow. U+21E8 is RIGHTWARDS WHITE ARROW — an outlined/hollow style with a different code point.

Did you know?

Right White Arrow is Unicode U+21E8 (decimal 8680) — RIGHTWARDS WHITE ARROW. HTML5 has no named entity — use &#x21E8; or &#8680;. Do not confuse it with a plain filled &rarr; (U+2192) or other hollow right arrows from later blocks.

Next: Right White Arrow From Wall

Learn the HTML entity for Right White Arrow From Wall — 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